From 7ef8d7e7c4b2efa352ea19b20c174c1b833528af Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Mon, 18 Aug 2025 22:37:37 +0530
Subject: [PATCH 01/58] feat: implement two-factor authentication functionality
 and UI enhancements (#147)

---
 .gitignore                                    |   1 +
 .../Auth/AuthenticatedSessionController.php   |   6 +-
 .../Auth/ConfirmablePasswordController.php    |  41 --
 .../TwoFactorAuthenticationController.php     |  24 +
 app/Http/Requests/Auth/LoginRequest.php       |  24 +-
 app/Models/User.php                           |   3 +-
 app/Providers/FortifyServiceProvider.php      |  31 ++
 bootstrap/providers.php                       |   1 +
 composer.json                                 |   1 +
 config/fortify.php                            | 159 +++++++
 ..._add_two_factor_columns_to_users_table.php |  42 ++
 resources/js/components/ui/badge/Badge.vue    |  26 ++
 resources/js/components/ui/badge/index.ts     |  26 ++
 resources/js/components/ui/input/Input.vue    |  12 +
 resources/js/layouts/settings/Layout.vue      |   4 +
 resources/js/pages/auth/ConfirmPassword.vue   |   2 +-
 .../js/pages/auth/TwoFactorChallenge.vue      | 138 ++++++
 resources/js/pages/settings/TwoFactor.vue     | 427 ++++++++++++++++++
 resources/views/app.blade.php                 |   1 +
 routes/auth.php                               |   7 -
 routes/settings.php                           |   6 +
 .../Settings/TwoFactorAuthenticationTest.php  |  87 ++++
 22 files changed, 1017 insertions(+), 52 deletions(-)
 delete mode 100644 app/Http/Controllers/Auth/ConfirmablePasswordController.php
 create mode 100644 app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
 create mode 100644 app/Providers/FortifyServiceProvider.php
 create mode 100644 config/fortify.php
 create mode 100644 database/migrations/2025_08_14_170933_add_two_factor_columns_to_users_table.php
 create mode 100644 resources/js/components/ui/badge/Badge.vue
 create mode 100644 resources/js/components/ui/badge/index.ts
 create mode 100644 resources/js/pages/auth/TwoFactorChallenge.vue
 create mode 100644 resources/js/pages/settings/TwoFactor.vue
 create mode 100644 tests/Feature/Settings/TwoFactorAuthenticationTest.php

diff --git a/.gitignore b/.gitignore
index 3847c0df..cb13ba4c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,6 +7,7 @@
 /storage/*.key
 /storage/pail
 /vendor
+.DS_Store
 .env
 .env.backup
 .env.production
diff --git a/app/Http/Controllers/Auth/AuthenticatedSessionController.php b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
index dbb93653..3dd6e34e 100644
--- a/app/Http/Controllers/Auth/AuthenticatedSessionController.php
+++ b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
@@ -29,7 +29,11 @@ public function create(Request $request): Response
      */
     public function store(LoginRequest $request): RedirectResponse
     {
-        $request->authenticate();
+        $result = $request->authenticate();
+
+        if ($result instanceof RedirectResponse) {
+            return $result;
+        }
 
         $request->session()->regenerate();
 
diff --git a/app/Http/Controllers/Auth/ConfirmablePasswordController.php b/app/Http/Controllers/Auth/ConfirmablePasswordController.php
deleted file mode 100644
index fb7d8e0d..00000000
--- a/app/Http/Controllers/Auth/ConfirmablePasswordController.php
+++ /dev/null
@@ -1,41 +0,0 @@
-<?php
-
-namespace App\Http\Controllers\Auth;
-
-use App\Http\Controllers\Controller;
-use Illuminate\Http\RedirectResponse;
-use Illuminate\Http\Request;
-use Illuminate\Support\Facades\Auth;
-use Illuminate\Validation\ValidationException;
-use Inertia\Inertia;
-use Inertia\Response;
-
-class ConfirmablePasswordController extends Controller
-{
-    /**
-     * Show the confirm password page.
-     */
-    public function show(): Response
-    {
-        return Inertia::render('auth/ConfirmPassword');
-    }
-
-    /**
-     * Confirm the user's password.
-     */
-    public function store(Request $request): RedirectResponse
-    {
-        if (! Auth::guard('web')->validate([
-            'email' => $request->user()->email,
-            'password' => $request->password,
-        ])) {
-            throw ValidationException::withMessages([
-                'password' => __('auth.password'),
-            ]);
-        }
-
-        $request->session()->put('auth.password_confirmed_at', time());
-
-        return redirect()->intended(route('dashboard', absolute: false));
-    }
-}
diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
new file mode 100644
index 00000000..61e3aa56
--- /dev/null
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Controllers\Settings;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Inertia\Inertia;
+use Inertia\Response;
+
+class TwoFactorAuthenticationController extends Controller
+{
+    public function show(Request $request): Response
+    {
+        $user = $request->user();
+        $confirmed = ! is_null($user->two_factor_confirmed_at);
+
+        return Inertia::render('settings/TwoFactor', [
+            'confirmed' => $confirmed,
+            'recoveryCodes' => ! is_null($user->two_factor_secret) ? json_decode(decrypt($user->two_factor_recovery_codes)) : [],
+        ]);
+    }
+}
diff --git a/app/Http/Requests/Auth/LoginRequest.php b/app/Http/Requests/Auth/LoginRequest.php
index 25746424..a29f7088 100644
--- a/app/Http/Requests/Auth/LoginRequest.php
+++ b/app/Http/Requests/Auth/LoginRequest.php
@@ -2,12 +2,15 @@
 
 namespace App\Http\Requests\Auth;
 
+use App\Models\User;
 use Illuminate\Auth\Events\Lockout;
 use Illuminate\Foundation\Http\FormRequest;
 use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
 use Illuminate\Support\Facades\RateLimiter;
 use Illuminate\Support\Str;
 use Illuminate\Validation\ValidationException;
+use Laravel\Fortify\Features;
 
 class LoginRequest extends FormRequest
 {
@@ -41,6 +44,25 @@ public function authenticate(): void
     {
         $this->ensureIsNotRateLimited();
 
+        // Check if two-factor authentication is enabled
+        if (Features::enabled(Features::twoFactorAuthentication())) {
+            $user = User::where('email', $this->email)->first();
+
+            // If this user exists, the password is correct, and 2FA is enabled; we want to redirect to the 2FA challenge
+            if ($user && $user->two_factor_confirmed_at && Hash::check($this->password, $user->password)) {
+                // Store the user ID and remember preference in the session
+                $this->session()->put([
+                    'login.id' => $user->getKey(),
+                    'login.remember' => $this->boolean('remember'),
+                ]);
+
+                RateLimiter::clear($this->throttleKey());
+
+                return redirect()->route('two-factor.login');
+            }
+        }
+
+        // Proceed with normal authentication if 2FA is not enabled or the user doesn't have 2FA
         if (! Auth::attempt($this->only('email', 'password'), $this->boolean('remember'))) {
             RateLimiter::hit($this->throttleKey());
 
@@ -76,7 +98,7 @@ public function ensureIsNotRateLimited(): void
     }
 
     /**
-     * Get the rate limiting throttle key for the request.
+     * Get the rate-limiting throttle key for the request.
      */
     public function throttleKey(): string
     {
diff --git a/app/Models/User.php b/app/Models/User.php
index 749c7b77..a81a74b7 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -6,11 +6,12 @@
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
+use Laravel\Fortify\TwoFactorAuthenticatable;
 
 class User extends Authenticatable
 {
     /** @use HasFactory<\Database\Factories\UserFactory> */
-    use HasFactory, Notifiable;
+    use HasFactory, Notifiable,TwoFactorAuthenticatable;
 
     /**
      * The attributes that are mass assignable.
diff --git a/app/Providers/FortifyServiceProvider.php b/app/Providers/FortifyServiceProvider.php
new file mode 100644
index 00000000..b48e8590
--- /dev/null
+++ b/app/Providers/FortifyServiceProvider.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Cache\RateLimiting\Limit;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\RateLimiter;
+use Illuminate\Support\ServiceProvider;
+use Inertia\Inertia;
+use Laravel\Fortify\Fortify;
+
+class FortifyServiceProvider extends ServiceProvider
+{
+    /**
+     * Bootstrap any application services.
+     */
+    public function boot(): void
+    {
+        Fortify::twoFactorChallengeView(function () {
+            return Inertia::render('auth/TwoFactorChallenge');
+        });
+
+        Fortify::confirmPasswordView(function () {
+            return Inertia::render('auth/ConfirmPassword');
+        });
+
+        RateLimiter::for('two-factor', function (Request $request) {
+            return Limit::perMinute(5)->by($request->session()->get('login.id'));
+        });
+    }
+}
diff --git a/bootstrap/providers.php b/bootstrap/providers.php
index 38b258d1..0ad9c573 100644
--- a/bootstrap/providers.php
+++ b/bootstrap/providers.php
@@ -2,4 +2,5 @@
 
 return [
     App\Providers\AppServiceProvider::class,
+    App\Providers\FortifyServiceProvider::class,
 ];
diff --git a/composer.json b/composer.json
index ec56e03c..8af58dac 100644
--- a/composer.json
+++ b/composer.json
@@ -11,6 +11,7 @@
     "require": {
         "php": "^8.2",
         "inertiajs/inertia-laravel": "^2.0",
+        "laravel/fortify": "^1.28",
         "laravel/framework": "^12.0",
         "laravel/tinker": "^2.10.1",
         "tightenco/ziggy": "^2.4"
diff --git a/config/fortify.php b/config/fortify.php
new file mode 100644
index 00000000..df49e4f8
--- /dev/null
+++ b/config/fortify.php
@@ -0,0 +1,159 @@
+<?php
+
+use Laravel\Fortify\Features;
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Fortify Guard
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify which authentication guard Fortify will use while
+    | authenticating users. This value should correspond with one of your
+    | guards that is already present in your "auth" configuration file.
+    |
+    */
+
+    'guard' => 'web',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Fortify Password Broker
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify which password broker Fortify can use when a user
+    | is resetting their password. This configured value should match one
+    | of your password brokers setup in your "auth" configuration file.
+    |
+    */
+
+    'passwords' => 'users',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Username / Email
+    |--------------------------------------------------------------------------
+    |
+    | This value defines which model attribute should be considered as your
+    | application's "username" field. Typically, this might be the email
+    | address of the users but you are free to change this value here.
+    |
+    | Out of the box, Fortify expects forgot password and reset password
+    | requests to have a field named 'email'. If the application uses
+    | another name for the field you may define it below as needed.
+    |
+    */
+
+    'username' => 'email',
+
+    'email' => 'email',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Lowercase Usernames
+    |--------------------------------------------------------------------------
+    |
+    | This value defines whether usernames should be lowercased before saving
+    | them in the database, as some database system string fields are case
+    | sensitive. You may disable this for your application if necessary.
+    |
+    */
+
+    'lowercase_usernames' => true,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Home Path
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure the path where users will get redirected during
+    | authentication or password reset when the operations are successful
+    | and the user is authenticated. You are free to change this value.
+    |
+    */
+
+    'home' => '/dashboard',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Fortify Routes Prefix / Subdomain
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify which prefix Fortify will assign to all the routes
+    | that it registers with the application. If necessary, you may change
+    | subdomain under which all of the Fortify routes will be available.
+    |
+    */
+
+    'prefix' => '',
+
+    'domain' => null,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Fortify Routes Middleware
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify which middleware Fortify will assign to the routes
+    | that it registers with the application. If necessary, you may change
+    | these middleware but typically this provided default is preferred.
+    |
+    */
+
+    'middleware' => ['web'],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Rate Limiting
+    |--------------------------------------------------------------------------
+    |
+    | By default, Fortify will throttle logins to five requests per minute for
+    | every email and IP address combination. However, if you would like to
+    | specify a custom rate limiter to call then you may specify it here.
+    |
+    */
+
+    'limiters' => [
+        'login' => 'login',
+        'two-factor' => 'two-factor',
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Register View Routes
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify if the routes returning views should be disabled as
+    | you may not need them when building your own application. This may be
+    | especially true if you're writing a custom single-page application.
+    |
+    */
+
+    'views' => true,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Features
+    |--------------------------------------------------------------------------
+    |
+    | Some of the Fortify features are optional. You may disable the features
+    | by removing them from this array. You're free to only remove some of
+    | these features, or you can even remove all of these if you need to.
+    |
+    */
+
+    'features' => [
+        // Features::registration(),
+        // Features::resetPasswords(),
+        // Features::emailVerification(),
+        // Features::updateProfileInformation(),
+        // Features::updatePasswords(),
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => true,
+            // 'window' => 0
+        ]),
+    ],
+
+];
diff --git a/database/migrations/2025_08_14_170933_add_two_factor_columns_to_users_table.php b/database/migrations/2025_08_14_170933_add_two_factor_columns_to_users_table.php
new file mode 100644
index 00000000..45739efa
--- /dev/null
+++ b/database/migrations/2025_08_14_170933_add_two_factor_columns_to_users_table.php
@@ -0,0 +1,42 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->text('two_factor_secret')
+                ->after('password')
+                ->nullable();
+
+            $table->text('two_factor_recovery_codes')
+                ->after('two_factor_secret')
+                ->nullable();
+
+            $table->timestamp('two_factor_confirmed_at')
+                ->after('two_factor_recovery_codes')
+                ->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->dropColumn([
+                'two_factor_secret',
+                'two_factor_recovery_codes',
+                'two_factor_confirmed_at',
+            ]);
+        });
+    }
+};
diff --git a/resources/js/components/ui/badge/Badge.vue b/resources/js/components/ui/badge/Badge.vue
new file mode 100644
index 00000000..d894dfe0
--- /dev/null
+++ b/resources/js/components/ui/badge/Badge.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import type { PrimitiveProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import type { BadgeVariants } from "."
+import { reactiveOmit } from "@vueuse/core"
+import { Primitive } from "reka-ui"
+import { cn } from "@/lib/utils"
+import { badgeVariants } from "."
+
+const props = defineProps<PrimitiveProps & {
+  variant?: BadgeVariants["variant"]
+  class?: HTMLAttributes["class"]
+}>()
+
+const delegatedProps = reactiveOmit(props, "class")
+</script>
+
+<template>
+  <Primitive
+    data-slot="badge"
+    :class="cn(badgeVariants({ variant }), props.class)"
+    v-bind="delegatedProps"
+  >
+    <slot />
+  </Primitive>
+</template>
diff --git a/resources/js/components/ui/badge/index.ts b/resources/js/components/ui/badge/index.ts
new file mode 100644
index 00000000..ac4c0015
--- /dev/null
+++ b/resources/js/components/ui/badge/index.ts
@@ -0,0 +1,26 @@
+import type { VariantProps } from "class-variance-authority"
+import { cva } from "class-variance-authority"
+
+export { default as Badge } from "./Badge.vue"
+
+export const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary:
+          "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive:
+         "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline:
+          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  },
+)
+export type BadgeVariants = VariantProps<typeof badgeVariants>
diff --git a/resources/js/components/ui/input/Input.vue b/resources/js/components/ui/input/Input.vue
index 899535e0..51d3c5c0 100644
--- a/resources/js/components/ui/input/Input.vue
+++ b/resources/js/components/ui/input/Input.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
+import { ref } from 'vue'
 import { cn } from '@/lib/utils'
 import { useVModel } from '@vueuse/core'
 
@@ -17,10 +18,21 @@ const modelValue = useVModel(props, 'modelValue', emits, {
   passive: true,
   defaultValue: props.defaultValue,
 })
+
+const inputRef = ref<HTMLInputElement>()
+
+const focus = () => {
+  inputRef.value?.focus()
+}
+
+defineExpose({
+  focus
+})
 </script>
 
 <template>
   <input
+    ref="inputRef"
     v-model="modelValue"
     data-slot="input"
     :class="cn(
diff --git a/resources/js/layouts/settings/Layout.vue b/resources/js/layouts/settings/Layout.vue
index 7d0feefb..1ba2420b 100644
--- a/resources/js/layouts/settings/Layout.vue
+++ b/resources/js/layouts/settings/Layout.vue
@@ -14,6 +14,10 @@ const sidebarNavItems: NavItem[] = [
         title: 'Password',
         href: '/settings/password',
     },
+    {
+        title: 'Two-Factor Auth',
+        href: '/settings/two-factor',
+    },
     {
         title: 'Appearance',
         href: '/settings/appearance',
diff --git a/resources/js/pages/auth/ConfirmPassword.vue b/resources/js/pages/auth/ConfirmPassword.vue
index a344d3ea..7136ec30 100644
--- a/resources/js/pages/auth/ConfirmPassword.vue
+++ b/resources/js/pages/auth/ConfirmPassword.vue
@@ -12,7 +12,7 @@ import { LoaderCircle } from 'lucide-vue-next';
     <AuthLayout title="Confirm your password" description="This is a secure area of the application. Please confirm your password before continuing.">
         <Head title="Confirm password" />
 
-        <Form method="post" :action="route('password.confirm')" reset-on-success v-slot="{ errors, processing }">
+        <Form method="post" :action="route('password.confirm.store')" reset-on-success v-slot="{ errors, processing }">
             <div class="space-y-6">
                 <div class="grid gap-2">
                     <Label htmlFor="password">Password</Label>
diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
new file mode 100644
index 00000000..1472b7a2
--- /dev/null
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -0,0 +1,138 @@
+<script setup lang="ts">
+import { ref, watch, nextTick, computed } from 'vue';
+import { Head, Form } from '@inertiajs/vue3';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import InputError from '@/components/InputError.vue';
+import AuthLayout from '@/layouts/AuthLayout.vue';
+import { PinInputRoot, PinInputInput } from 'reka-ui';
+
+const recovery = ref(false);
+const pinValue = ref<string[]>([]);
+const pinInputContainerRef = ref<HTMLElement | null>(null);
+const recoveryInputRef = ref<HTMLInputElement | null>(null);
+
+const codeValue = computed(() => pinValue.value.join(''));
+
+watch(recovery, (value) => {
+  if (value) {
+    nextTick(() => {
+      if (recoveryInputRef.value) {
+          recoveryInputRef.value?.focus();
+      }
+    });
+  } else {
+    nextTick(() => {
+      if (pinInputContainerRef.value) {
+        const firstInput = pinInputContainerRef.value.querySelector('input');
+        if (firstInput) firstInput.focus();
+      }
+    });
+  }
+})
+
+const toggleRecovery = (clearErrors: () => void) => {
+  recovery.value = !recovery.value;
+  clearErrors();
+  pinValue.value = [];
+  const codeInput = document.querySelector('input[name="code"]') as HTMLInputElement;
+  const recoveryInput = document.querySelector('input[name="recovery_code"]') as HTMLInputElement;
+  if (codeInput) codeInput.value = '';
+  if (recoveryInput) recoveryInput.value = '';
+};
+</script>
+
+<template>
+  <AuthLayout
+    :title="recovery ? 'Recovery Code' : 'Authentication Code'"
+    :description="recovery
+      ? 'Please confirm access to your account by entering one of your emergency recovery codes.'
+      : 'Enter the authentication code provided by your authenticator application.'"
+  >
+    <Head title="Two Factor Authentication" />
+
+    <div class="relative space-y-2">
+      <template v-if="!recovery">
+        <Form
+          :action="route('two-factor.login')"
+          method="post"
+          class="space-y-4"
+          #default="{ errors, processing, clearErrors }"
+        >
+          <input type="hidden" name="code" :value="codeValue" />
+          <div class="flex flex-col items-center justify-center space-y-3 text-center">
+            <div ref="pinInputContainerRef" class="w-full flex items-center justify-center">
+              <PinInputRoot
+                id="otp"
+                v-model="pinValue"
+                placeholder="○"
+                class="flex gap-2 items-center mt-1"
+              >
+                <PinInputInput
+                  v-for="(id, index) in 6"
+                  :key="id"
+                  :index="index"
+                  :autofocus="index === 0"
+                  class="w-10 h-10 rounded-lg text-center shadow-sm border text-green10 placeholder:text-mauve8 focus:shadow-[0_0_0_2px] focus:shadow-stone-800 outline-none"
+                />
+              </PinInputRoot>
+            </div>
+            <InputError :message="errors.code" />
+          </div>
+          <Button
+            type="submit"
+            class="w-full"
+            :disabled="processing || pinValue.length !== 6"
+          >
+            Continue
+          </Button>
+
+          <div class="space-x-0.5 text-center text-sm leading-5 text-muted-foreground mt-4">
+            <span class="opacity-80">or you can </span>
+            <button
+              type="button"
+              class="font-medium underline opacity-80 cursor-pointer bg-transparent border-0 p-0"
+              @click="() => toggleRecovery(clearErrors)"
+            >
+              login using a recovery code
+            </button>
+          </div>
+        </Form>
+      </template>
+
+      <template v-else>
+        <Form
+          :action="route('two-factor.login')"
+          method="post"
+          class="space-y-4"
+          #default="{ errors, processing, clearErrors }"
+        >
+          <Input
+            ref="recoveryInputRef"
+            name="recovery_code"
+            type="text"
+            class="block w-full"
+            placeholder="Enter recovery code"
+            autofocus
+            required
+          />
+          <InputError :message="errors.recovery_code" />
+          <Button type="submit" class="w-full" :disabled="processing">
+            Continue
+          </Button>
+
+          <div class="space-x-0.5 text-center text-sm leading-5 text-muted-foreground mt-4">
+            <span class="opacity-80">or you can </span>
+            <button
+              type="button"
+              class="font-medium underline opacity-80 cursor-pointer bg-transparent border-0 p-0"
+              @click="() => toggleRecovery(clearErrors)"
+            >
+              login using an authentication code
+            </button>
+          </div>
+        </Form>
+      </template>
+    </div>
+  </AuthLayout>
+</template>
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
new file mode 100644
index 00000000..7f36456e
--- /dev/null
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -0,0 +1,427 @@
+<script setup lang="ts">
+import { ref, computed, nextTick, watch, ComputedRef } from 'vue';
+import { Head, Form, router } from '@inertiajs/vue3';
+import AppLayout from '@/layouts/AppLayout.vue';
+import SettingsLayout from '@/layouts/settings/Layout.vue';
+import HeadingSmall from '@/components/HeadingSmall.vue';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { PinInputInput, PinInputRoot } from 'reka-ui';
+
+import { Dialog, DialogContent, DialogHeader, DialogDescription, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
+import { Check, Copy, Eye, EyeOff, Loader2, ScanLine, LockKeyhole } from 'lucide-vue-next';
+
+interface QrCodeResponse {
+    svg: string;
+    url: string;
+}
+
+interface SecretKeyResponse {
+    secretKey: string;
+}
+
+const props = withDefaults(
+    defineProps<{
+        confirmed?: boolean;
+        recoveryCodes?: string[];
+    }>(),
+    {
+        confirmed: false,
+        recoveryCodes: () => [],
+    },
+);
+
+const breadcrumbs = [
+    {
+        title: 'Two-Factor Authentication',
+        href: '/settings/two-factor',
+    },
+];
+
+const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
+
+const headers = {
+    'Content-Type': 'application/json',
+    Accept: 'application/json',
+    'X-CSRF-TOKEN': csrfToken,
+    'X-Requested-With': 'XMLHttpRequest',
+};
+
+const confirmed = ref(props.confirmed);
+const qrCodeSvg = ref('');
+const secretKey = ref('');
+const recoveryCodesList = ref(props.recoveryCodes);
+const copied = ref(false);
+const error = ref('');
+const verifyStep = ref(false);
+const showingRecoveryCodes = ref(false);
+const showModal = ref(false);
+
+watch([showModal, verifyStep, qrCodeSvg], ([newShowModal, newVerifyStep, newQrCodeSvg]) => {
+    if (newShowModal && !newVerifyStep && !newQrCodeSvg) {
+        enable();
+    }
+});
+
+const enable = async () => {
+    try {
+        const enableResponse = await fetch(route('two-factor.enable'), {
+            method: 'POST',
+            headers,
+        });
+
+        if (enableResponse.ok) {
+            const qrResponse = await fetch(route('two-factor.qr-code'), {
+                method: 'GET',
+                headers,
+            });
+
+            const secretResponse = await fetch(route('two-factor.secret-key'), {
+                method: 'GET',
+                headers,
+            });
+
+            if (qrResponse.ok && secretResponse.ok) {
+                const qrData: QrCodeResponse = await qrResponse.json();
+                const secretData: SecretKeyResponse = await secretResponse.json();
+
+                qrCodeSvg.value = btoa(qrData.svg);
+                secretKey.value = secretData.secretKey;
+            }
+        } else if (enableResponse.status === 423) {
+            window.location.reload();
+        } else {
+            console.error('Error enabling 2FA:', enableResponse.status, enableResponse.statusText);
+            const errorText = await enableResponse.text();
+            console.error('Response body:', errorText);
+        }
+    } catch (error) {
+        console.error('Error enabling 2FA:', error);
+    }
+};
+
+const handleRegenerateRecoveryCodes = (page: any) => {
+    if (page.props.recoveryCodes) {
+        recoveryCodesList.value = page.props.recoveryCodes as string[];
+    }
+};
+
+const copyToClipboard = (text: string) => {
+    navigator.clipboard.writeText(text);
+    copied.value = true;
+    setTimeout(() => (copied.value = false), 1500);
+};
+
+const pinValue = ref<number[]>([]);
+const pinInputContainerRef = ref<HTMLElement | null>(null);
+const code: ComputedRef<string> = computed(() => pinValue.value.join(''));
+
+const toggleRecoveryCodes = () => {
+    showingRecoveryCodes.value = !showingRecoveryCodes.value;
+};
+</script>
+
+<template>
+    <AppLayout :breadcrumbs="breadcrumbs">
+        <Head title="Two-Factor Authentication" />
+        <SettingsLayout>
+            <div class="space-y-6">
+                <HeadingSmall title="Two-Factor Authentication" description="Manage your two-factor authentication settings" />
+
+                <div v-if="!confirmed" class="flex flex-col items-start justify-start space-y-5">
+                    <Badge variant="outline" class="border-orange-200 bg-orange-50 text-orange-700 hover:bg-orange-50"> Disabled </Badge>
+
+                    <p class="-translate-y-1 text-stone-500 dark:text-stone-400">
+                        When you enable 2FA, you'll be prompted for a secure code during login, which can be retrieved from your phone's TOTP
+                        supported app.
+                    </p>
+
+                    <Dialog :open="showModal" @update:open="showModal = $event">
+                        <DialogTrigger as-child>
+                            <Button @click="showModal = true">Enable</Button>
+                        </DialogTrigger>
+                        <DialogContent class="sm:max-w-md">
+                            <DialogHeader class="flex items-center justify-center">
+                                <div
+                                    class="mb-3 w-auto rounded-full border border-stone-100 bg-white p-0.5 shadow-sm dark:border-stone-600 dark:bg-stone-800"
+                                >
+                                    <div
+                                        class="relative overflow-hidden rounded-full border border-stone-200 bg-stone-100 p-2.5 dark:border-stone-600 dark:bg-stone-200"
+                                    >
+                                        <div
+                                            class="absolute inset-0 flex h-full w-full items-stretch justify-around divide-x divide-stone-200 opacity-50 dark:divide-stone-300 [&>div]:flex-1"
+                                        >
+                                            <div v-for="i in 5" :key="i"></div>
+                                        </div>
+                                        <div
+                                            class="absolute inset-0 flex h-full w-full flex-col items-stretch justify-around divide-y divide-stone-200 opacity-50 dark:divide-stone-300 [&>div]:flex-1"
+                                        >
+                                            <div v-for="i in 5" :key="i"></div>
+                                        </div>
+                                        <ScanLine class="relative z-20 size-6 dark:text-black" />
+                                    </div>
+                                </div>
+                                <DialogTitle>
+                                    {{ !verifyStep ? 'Turn on 2-step Verification' : 'Verify Authentication Code' }}
+                                </DialogTitle>
+                                <DialogDescription class="text-center">
+                                    {{
+                                        !verifyStep
+                                            ? 'Open your authenticator app and choose Scan QR code'
+                                            : 'Enter the 6-digit code from your authenticator app'
+                                    }}
+                                </DialogDescription>
+                            </DialogHeader>
+
+                            <div class="relative flex w-auto flex-col items-center justify-center space-y-5">
+                                <template v-if="!verifyStep">
+                                    <div class="relative mx-auto flex max-w-md items-center overflow-hidden">
+                                        <div
+                                            class="relative mx-auto aspect-square w-64 overflow-hidden rounded-lg border border-stone-200 dark:border-stone-700"
+                                        >
+                                            <div
+                                                v-if="!qrCodeSvg"
+                                                class="absolute inset-0 z-10 flex aspect-square h-auto w-full animate-pulse items-center justify-center bg-white dark:bg-stone-700"
+                                            >
+                                                <Loader2 class="size-6 animate-spin" />
+                                            </div>
+                                            <div v-else class="relative z-10 overflow-hidden border p-5">
+                                                <img
+                                                    :src="'data:image/svg+xml;base64,' + qrCodeSvg"
+                                                    alt="QR Code"
+                                                    class="aspect-square h-full w-full"
+                                                />
+                                                <div v-if="qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
+                                                    <div
+                                                        class="absolute inset-x-0 h-0.5 bg-blue-500 opacity-60 transition-all duration-300 ease-in-out"
+                                                    ></div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="flex w-full items-center space-x-5">
+                                        <Button
+                                            class="w-full"
+                                            @click="
+                                                () => {
+                                                    verifyStep = true;
+                                                    nextTick(() => {
+                                                        if (pinInputContainerRef) {
+                                                            const firstInput = pinInputContainerRef.querySelector('input');
+                                                            if (firstInput) firstInput.focus();
+                                                        }
+                                                    });
+                                                }
+                                            "
+                                        >
+                                            Continue
+                                        </Button>
+                                    </div>
+
+                                    <div class="relative flex w-full items-center justify-center">
+                                        <div class="absolute inset-0 top-1/2 h-px w-full bg-stone-200 dark:bg-stone-600"></div>
+                                        <span class="relative bg-white px-2 py-1 dark:bg-stone-800"> or, enter the code manually </span>
+                                    </div>
+
+                                    <div class="flex w-full items-center justify-center space-x-2">
+                                        <div class="flex w-full items-stretch overflow-hidden rounded-xl border dark:border-stone-700">
+                                            <div
+                                                v-if="!secretKey"
+                                                class="flex h-full w-full items-center justify-center bg-stone-100 p-3 dark:bg-stone-700"
+                                            >
+                                                <Loader2 class="size-4 animate-spin" />
+                                            </div>
+                                            <template v-else>
+                                                <input
+                                                    type="text"
+                                                    readonly
+                                                    :value="secretKey"
+                                                    class="h-full w-full bg-white p-3 text-black dark:bg-stone-800 dark:text-stone-100"
+                                                />
+                                                <button
+                                                    @click="copyToClipboard(secretKey)"
+                                                    class="relative block h-auto border-l border-stone-200 px-3 hover:bg-stone-100 dark:border-stone-600 dark:hover:bg-stone-600"
+                                                >
+                                                    <Check v-if="copied" class="w-4 text-green-500" />
+                                                    <Copy v-else class="w-4" />
+                                                </button>
+                                            </template>
+                                        </div>
+                                    </div>
+                                </template>
+
+                                <template v-else>
+                                    <Form
+                                        ref="formRef"
+                                        :action="route('two-factor.confirm')"
+                                        method="post"
+                                        #default="{ errors, processing }"
+                                        @success="
+                                            () => {
+                                                confirmed = true;
+                                                verifyStep = false;
+                                                showModal = false;
+                                                showingRecoveryCodes = true;
+                                                pinValue = [];
+                                                error = '';
+                                            }
+                                        "
+                                        @error="
+                                            () => {
+                                                pinValue = [];
+                                            }
+                                        "
+                                    >
+                                        <div ref="pinInputContainerRef" class="relative w-full space-y-3">
+                                            <input type="hidden" name="code" :value="code" />
+
+                                            <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
+                                                <PinInputRoot
+                                                    id="otp"
+                                                    type="number"
+                                                    v-model="pinValue"
+                                                    placeholder="○"
+                                                    class="mt-1 flex items-center gap-2"
+                                                >
+                                                    <PinInputInput
+                                                        v-for="(id, index) in 6"
+                                                        :key="id"
+                                                        :index="index"
+                                                        :disabled="processing"
+                                                        class="h-10 w-10 rounded-lg border border-input bg-background text-center text-foreground shadow-sm outline-none placeholder:text-muted-foreground focus:shadow-[0_0_0_2px] focus:shadow-ring disabled:cursor-not-allowed disabled:opacity-50"
+                                                    />
+                                                </PinInputRoot>
+                                                <div v-if="errors.confirmTwoFactorAuthentication?.code" class="mt-2 text-sm text-red-600">
+                                                    {{ errors.confirmTwoFactorAuthentication.code }}
+                                                </div>
+                                            </div>
+
+                                            <div class="flex w-full items-center space-x-5">
+                                                <Button
+                                                    type="button"
+                                                    variant="outline"
+                                                    class="w-auto flex-1"
+                                                    @click="verifyStep = false"
+                                                    :disabled="processing"
+                                                >
+                                                    Back
+                                                </Button>
+                                                <Button type="submit" class="w-auto flex-1" :disabled="processing || pinValue.length < 6">
+                                                    {{ processing ? 'Confirming...' : 'Confirm' }}
+                                                </Button>
+                                            </div>
+                                        </div>
+                                    </Form>
+                                </template>
+                            </div>
+                        </DialogContent>
+                    </Dialog>
+                </div>
+
+                <div v-if="confirmed" class="flex flex-col items-start justify-start space-y-5">
+                    <Badge variant="outline" class="border-green-200 bg-green-50 text-green-700 hover:bg-green-50"> Enabled </Badge>
+                    <p class="text-stone-500 dark:text-stone-400">
+                        With two factor authentication enabled, you'll be prompted for a secure, random token during login, which you can retrieve
+                        from your TOTP Authenticator app.
+                    </p>
+
+                    <div>
+                        <div class="flex items-start rounded-t-xl border border-stone-200 bg-stone-50 p-4 dark:border-stone-700 dark:bg-stone-800">
+                            <LockKeyhole class="mr-2 size-5 text-stone-500" />
+                            <div class="space-y-1">
+                                <h3 class="font-medium">2FA Recovery Codes</h3>
+                                <p class="text-sm text-stone-500 dark:text-stone-400">
+                                    Recovery codes let you regain access if you lose your 2FA device. Store them in a secure password manager.
+                                </p>
+                            </div>
+                        </div>
+
+                        <div class="rounded-b-xl border border-t-0 border-stone-200 bg-stone-100 text-sm dark:border-stone-700 dark:bg-stone-800">
+                            <div
+                                @click="toggleRecoveryCodes"
+                                class="group flex h-10 cursor-pointer items-center justify-between px-5 text-xs select-none"
+                            >
+                                <div :class="`relative ${!showingRecoveryCodes ? 'opacity-40 hover:opacity-60' : 'opacity-60'}`">
+                                    <span v-if="!showingRecoveryCodes" class="flex items-center space-x-1">
+                                        <Eye class="size-4" /> <span>View My Recovery Codes</span>
+                                    </span>
+                                    <span v-else class="flex items-center space-x-1">
+                                        <EyeOff class="size-4" /> <span>Hide Recovery Codes</span>
+                                    </span>
+                                </div>
+
+                                <Form
+                                    v-if="showingRecoveryCodes"
+                                    :action="route('two-factor.recovery-codes')"
+                                    method="post"
+                                    :async="false"
+                                    #default="{ processing }"
+                                    @success="handleRegenerateRecoveryCodes"
+                                >
+                                    <Button size="sm" variant="outline" class="text-stone-600" type="submit" :disabled="processing" @click.stop>
+                                        {{ processing ? 'Regenerating...' : 'Regenerate Codes' }}
+                                    </Button>
+                                </Form>
+                            </div>
+
+                            <div
+                                class="relative overflow-hidden transition-all duration-300"
+                                :style="{
+                                    height: showingRecoveryCodes ? 'auto' : '0',
+                                    opacity: showingRecoveryCodes ? 1 : 0,
+                                }"
+                            >
+                                <div class="grid max-w-xl gap-1 bg-stone-200 px-4 py-4 font-mono text-sm dark:bg-stone-900 dark:text-stone-100">
+                                    <div v-for="(code, index) in recoveryCodesList" :key="index">{{ code }}</div>
+                                </div>
+                                <p class="px-4 py-3 text-xs text-stone-500 select-none dark:text-stone-400">
+                                    You have {{ recoveryCodesList.length }} recovery codes left. Each can be used once to access your account and will
+                                    be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="relative inline">
+                        <Form
+                            :action="route('two-factor.disable')"
+                            method="delete"
+                            :async="false"
+                            #default="{ processing }"
+                            @success="() => {
+                                confirmed = false;
+                                showingRecoveryCodes = false;
+                                recoveryCodesList = [];
+                                qrCodeSvg = '';
+                                secretKey = '';
+                            }"
+                        >
+                            <Button variant="destructive" type="submit" :disabled="processing">
+                                {{ processing ? 'Disabling...' : 'Disable 2FA' }}
+                            </Button>
+                        </Form>
+                    </div>
+                </div>
+            </div>
+        </SettingsLayout>
+    </AppLayout>
+</template>
+
+<style scoped>
+@keyframes scan {
+    0% {
+        top: 0;
+    }
+    50% {
+        top: 100%;
+    }
+    100% {
+        top: 0;
+    }
+}
+
+.animate-scanning-line div {
+    animation: scan 3s ease-in-out infinite;
+}
+</style>
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 99a287ec..cd275d0f 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -3,6 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="csrf-token" content="{{ csrf_token() }}">
 
         {{-- Inline script to detect system dark mode preference and apply it immediately --}}
         <script>
diff --git a/routes/auth.php b/routes/auth.php
index 1351b3fb..b1cf4426 100644
--- a/routes/auth.php
+++ b/routes/auth.php
@@ -1,7 +1,6 @@
 <?php
 
 use App\Http\Controllers\Auth\AuthenticatedSessionController;
-use App\Http\Controllers\Auth\ConfirmablePasswordController;
 use App\Http\Controllers\Auth\EmailVerificationNotificationController;
 use App\Http\Controllers\Auth\EmailVerificationPromptController;
 use App\Http\Controllers\Auth\NewPasswordController;
@@ -46,12 +45,6 @@
         ->middleware('throttle:6,1')
         ->name('verification.send');
 
-    Route::get('confirm-password', [ConfirmablePasswordController::class, 'show'])
-        ->name('password.confirm');
-
-    Route::post('confirm-password', [ConfirmablePasswordController::class, 'store'])
-        ->middleware('throttle:6,1');
-
     Route::post('logout', [AuthenticatedSessionController::class, 'destroy'])
         ->name('logout');
 });
diff --git a/routes/settings.php b/routes/settings.php
index e4a3f794..1d012324 100644
--- a/routes/settings.php
+++ b/routes/settings.php
@@ -2,6 +2,7 @@
 
 use App\Http\Controllers\Settings\PasswordController;
 use App\Http\Controllers\Settings\ProfileController;
+use App\Http\Controllers\Settings\TwoFactorAuthenticationController;
 use Illuminate\Support\Facades\Route;
 use Inertia\Inertia;
 
@@ -21,4 +22,9 @@
     Route::get('settings/appearance', function () {
         return Inertia::render('settings/Appearance');
     })->name('appearance');
+
+    Route::get('settings/two-factor', [TwoFactorAuthenticationController::class, 'show'])
+        ->middleware('password.confirm')
+        ->name('two-factor.show');
+
 });
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
new file mode 100644
index 00000000..24e57b6f
--- /dev/null
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -0,0 +1,87 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Tests\Feature\Settings;
+
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Laravel\Fortify\Features;
+use Tests\TestCase;
+
+class TwoFactorAuthenticationTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_can_view_two_factor_settings_page()
+    {
+        $user = User::factory()->create();
+
+        $response = $this->actingAs($user)
+            ->get('/settings/two-factor');
+
+        $response->assertStatus(200);
+
+        $inertiaProps = $response->original?->getData() ?? [];
+        $props = $inertiaProps['page']['props'];
+        $this->assertArrayHasKey('confirmed', $props);
+        $this->assertArrayHasKey('recoveryCodes', $props);
+        $this->assertFalse($props['confirmed']);
+    }
+
+    public function test_can_enable_two_factor_authentication()
+    {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        $this->actingAs($user = User::factory()->create());
+
+        $this->withSession(['auth.password_confirmed_at' => time()]);
+
+        $this->post('/user/two-factor-authentication');
+
+        $this->assertNotNull($user->fresh()->two_factor_secret);
+        $this->assertCount(8, $user->fresh()->recoveryCodes());
+    }
+
+    public function test_recovery_codes_can_be_regenerated()
+    {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        $this->actingAs($user = User::factory()->create());
+
+        $this->withSession(['auth.password_confirmed_at' => time()]);
+
+        $this->post('/user/two-factor-authentication');
+        $this->post('/user/two-factor-recovery-codes');
+
+        $user = $user->fresh();
+
+        $this->post('/user/two-factor-recovery-codes');
+
+        $this->assertCount(8, $user->recoveryCodes());
+        $this->assertCount(8, array_diff($user->recoveryCodes(), $user->fresh()->recoveryCodes()));
+    }
+
+    public function test_two_factor_authentication_can_be_disabled()
+    {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        $this->actingAs($user = User::factory()->create());
+
+        $this->withSession(['auth.password_confirmed_at' => time()]);
+
+        $this->post('/user/two-factor-authentication');
+
+        $this->assertNotNull($user->fresh()->two_factor_secret);
+
+        $this->delete('/user/two-factor-authentication');
+
+        $this->assertNull($user->fresh()->two_factor_secret);
+    }
+}

From 263cdef0bff7541614312607e7c9ab857698e303 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 00:12:56 +0530
Subject: [PATCH 02/58] refactor: extract two-factor authentication logic to
 composable for better reusability and cleanup (#148)

---
 app/Http/Requests/Auth/LoginRequest.php      |   2 +-
 app/Providers/FortifyServiceProvider.php     |   7 +
 config/fortify.php                           |   2 +-
 resources/js/composables/useTwoFactorAuth.ts | 231 +++++++++++++++++
 resources/js/pages/settings/TwoFactor.vue    | 258 ++++++-------------
 routes/settings.php                          |   1 -
 6 files changed, 323 insertions(+), 178 deletions(-)
 create mode 100644 resources/js/composables/useTwoFactorAuth.ts

diff --git a/app/Http/Requests/Auth/LoginRequest.php b/app/Http/Requests/Auth/LoginRequest.php
index a29f7088..5173fded 100644
--- a/app/Http/Requests/Auth/LoginRequest.php
+++ b/app/Http/Requests/Auth/LoginRequest.php
@@ -40,7 +40,7 @@ public function rules(): array
      *
      * @throws \Illuminate\Validation\ValidationException
      */
-    public function authenticate(): void
+    public function authenticate()
     {
         $this->ensureIsNotRateLimited();
 
diff --git a/app/Providers/FortifyServiceProvider.php b/app/Providers/FortifyServiceProvider.php
index b48e8590..a47a1aa9 100644
--- a/app/Providers/FortifyServiceProvider.php
+++ b/app/Providers/FortifyServiceProvider.php
@@ -6,6 +6,7 @@
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\RateLimiter;
 use Illuminate\Support\ServiceProvider;
+use Illuminate\Support\Str;
 use Inertia\Inertia;
 use Laravel\Fortify\Fortify;
 
@@ -24,6 +25,12 @@ public function boot(): void
             return Inertia::render('auth/ConfirmPassword');
         });
 
+         RateLimiter::for('login', function (Request $request) {
+            $throttleKey = Str::transliterate(Str::lower((string) $request->string(Fortify::username())).'|'.$request->ip());
+
+            return Limit::perMinute(5)->by($throttleKey);
+        });
+
         RateLimiter::for('two-factor', function (Request $request) {
             return Limit::perMinute(5)->by($request->session()->get('login.id'));
         });
diff --git a/config/fortify.php b/config/fortify.php
index df49e4f8..de318e79 100644
--- a/config/fortify.php
+++ b/config/fortify.php
@@ -151,7 +151,7 @@
         // Features::updatePasswords(),
         Features::twoFactorAuthentication([
             'confirm' => true,
-            'confirmPassword' => true,
+            'confirmPassword' => false,
             // 'window' => 0
         ]),
     ],
diff --git a/resources/js/composables/useTwoFactorAuth.ts b/resources/js/composables/useTwoFactorAuth.ts
new file mode 100644
index 00000000..cffcadb3
--- /dev/null
+++ b/resources/js/composables/useTwoFactorAuth.ts
@@ -0,0 +1,231 @@
+import { ref, watch } from 'vue';
+
+
+interface ConfirmResponse {
+    status: string;
+    recovery_codes?: string[];
+    message?: string;
+}
+
+interface RecoveryCodesResponse {
+    recovery_codes: string[];
+}
+
+interface QrCodeResponse {
+    svg: string;
+}
+
+interface SecretKeyResponse {
+    secretKey: string;
+}
+
+
+export function useTwoFactorAuth(initialConfirmed: boolean = false, initialRecoveryCodes: string[] = []) {
+    const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
+
+    const headers = {
+        'Content-Type': 'application/json',
+        Accept: 'application/json',
+        'X-CSRF-TOKEN': csrfToken,
+        'X-Requested-With': 'XMLHttpRequest',
+    };
+
+    const confirmed = ref(initialConfirmed);
+    const qrCodeSvg = ref('');
+    const secretKey = ref('');
+    const recoveryCodesList = ref(initialRecoveryCodes);
+    const copied = ref(false);
+    const passcode = ref('');
+    const error = ref('');
+    const verifyStep = ref(false);
+    const showingRecoveryCodes = ref(false);
+    const showModal = ref(false);
+    const isLoading = ref(false);
+
+    watch([showModal, verifyStep, qrCodeSvg], ([newShowModal, newVerifyStep, newQrCodeSvg]) => {
+        if (newShowModal && !newVerifyStep && !newQrCodeSvg) {
+            enable().then(() => true);
+        }
+    });
+
+    const enable = async (): Promise<void> => {
+        try {
+            isLoading.value = true;
+            error.value = '';
+
+            const enableResponse = await fetch(route('two-factor.enable'), {
+                method: 'POST',
+                headers,
+            });
+
+            if (enableResponse.ok) {
+                const [qrCode, secret] = await Promise.all([
+                    fetchQrCode(),
+                    fetchSecretKey()
+                ]);
+
+                if (qrCode && secret) {
+                    qrCodeSvg.value = qrCode;
+                    secretKey.value = secret;
+                }
+            } else {
+                error.value = 'Failed to enable two-factor authentication';
+            }
+        } catch (err) {
+            error.value = 'Error enabling two-factor authentication';
+            console.error('Error enabling 2FA:', err);
+        } finally {
+            isLoading.value = false;
+        }
+    };
+
+    const fetchQrCode = async (): Promise<string | null> => {
+        try {
+            const response = await fetch(route('two-factor.qr-code'), {
+                method: 'GET',
+                headers: {
+                    'Accept': 'application/json',
+                    'X-Requested-With': 'XMLHttpRequest',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                credentials: 'same-origin'
+            });
+
+            if (response.ok) {
+                const data: QrCodeResponse = await response.json();
+                return btoa(data.svg);
+            }
+            return null;
+        } catch {
+            return null;
+        }
+    };
+
+    const fetchSecretKey = async (): Promise<string | null> => {
+        try {
+            const response = await fetch(route('two-factor.secret-key'), {
+                method: 'GET',
+                headers: {
+                    'Accept': 'application/json',
+                    'X-Requested-With': 'XMLHttpRequest',
+                    'X-CSRF-TOKEN': csrfToken
+                },
+                credentials: 'same-origin'
+            });
+
+            if (response.ok) {
+                const data: SecretKeyResponse = await response.json();
+                return data.secretKey;
+            }
+            return null;
+        } catch {
+            return null;
+        }
+    };
+
+    const confirm = async (): Promise<boolean> => {
+        if (!passcode.value || passcode.value.length !== 6) return false;
+
+        const formattedCode = passcode.value.replace(/\s+/g, '').trim();
+
+        try {
+            const response = await fetch(route('two-factor.confirm'), {
+                method: 'POST',
+                headers,
+                body: JSON.stringify({ code: formattedCode }),
+            });
+
+            if (response.ok) {
+                const responseData: ConfirmResponse = await response.json();
+                if (responseData.recovery_codes) {
+                    recoveryCodesList.value = responseData.recovery_codes;
+                }
+
+                confirmed.value = true;
+                verifyStep.value = false;
+                showModal.value = false;
+                showingRecoveryCodes.value = true;
+                passcode.value = '';
+                error.value = '';
+                return true;
+            } else {
+                const errorData = await response.json();
+                error.value = errorData.message || 'Invalid verification code';
+                passcode.value = '';
+                return false;
+            }
+        } catch (err) {
+            console.error('Error confirming 2FA:', err);
+            error.value = 'An error occurred while confirming 2FA';
+            return false;
+        }
+    };
+
+    const regenerateRecoveryCodes = async (): Promise<void> => {
+        try {
+            const response = await fetch(route('two-factor.recovery-codes'), {
+                method: 'POST',
+                headers,
+            });
+
+            if (response.ok) {
+                const data: RecoveryCodesResponse = await response.json();
+                if (data.recovery_codes) {
+                    recoveryCodesList.value = data.recovery_codes;
+                }
+            } else {
+                console.error('Error regenerating codes:', response.statusText);
+            }
+        } catch (error) {
+            console.error('Error regenerating codes:', error);
+        }
+    };
+
+    const disable = async (): Promise<boolean> => {
+        try {
+            const response = await fetch(route('two-factor.disable'), {
+                method: 'DELETE',
+                headers
+            });
+
+            if (response.ok) {
+                confirmed.value = false;
+                showingRecoveryCodes.value = false;
+                recoveryCodesList.value = [];
+                qrCodeSvg.value = '';
+                secretKey.value = '';
+                return true;
+            } else {
+                console.error('Error disabling 2FA:', response.statusText);
+                return false;
+            }
+        } catch (error) {
+            console.error('Error disabling 2FA:', error);
+            return false;
+        }
+    };
+
+    const copyToClipboard = (text: string): void => {
+        navigator.clipboard.writeText(text).then(() => copied.value = true);
+        setTimeout(() => copied.value = false, 1500);
+    };
+
+    return {
+        confirmed,
+        qrCodeSvg,
+        secretKey,
+        recoveryCodesList,
+        copied,
+        passcode,
+        error,
+        verifyStep,
+        showingRecoveryCodes,
+        showModal,
+        isLoading,
+        enable,
+        confirm,
+        regenerateRecoveryCodes,
+        disable,
+        copyToClipboard,
+    };
+}
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 7f36456e..6197689e 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -1,24 +1,16 @@
 <script setup lang="ts">
-import { ref, computed, nextTick, watch, ComputedRef } from 'vue';
-import { Head, Form, router } from '@inertiajs/vue3';
-import AppLayout from '@/layouts/AppLayout.vue';
-import SettingsLayout from '@/layouts/settings/Layout.vue';
 import HeadingSmall from '@/components/HeadingSmall.vue';
-import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
+import AppLayout from '@/layouts/AppLayout.vue';
+import SettingsLayout from '@/layouts/settings/Layout.vue';
+import { Head } from '@inertiajs/vue3';
 import { PinInputInput, PinInputRoot } from 'reka-ui';
+import { computed, ComputedRef, nextTick, ref } from 'vue';
 
-import { Dialog, DialogContent, DialogHeader, DialogDescription, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { Check, Copy, Eye, EyeOff, Loader2, ScanLine, LockKeyhole } from 'lucide-vue-next';
-
-interface QrCodeResponse {
-    svg: string;
-    url: string;
-}
-
-interface SecretKeyResponse {
-    secretKey: string;
-}
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
+import { Check, Copy, Eye, EyeOff, Loader2, LockKeyhole, ScanLine } from 'lucide-vue-next';
 
 const props = withDefaults(
     defineProps<{
@@ -38,79 +30,23 @@ const breadcrumbs = [
     },
 ];
 
-const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
-
-const headers = {
-    'Content-Type': 'application/json',
-    Accept: 'application/json',
-    'X-CSRF-TOKEN': csrfToken,
-    'X-Requested-With': 'XMLHttpRequest',
-};
-
-const confirmed = ref(props.confirmed);
-const qrCodeSvg = ref('');
-const secretKey = ref('');
-const recoveryCodesList = ref(props.recoveryCodes);
-const copied = ref(false);
-const error = ref('');
-const verifyStep = ref(false);
-const showingRecoveryCodes = ref(false);
-const showModal = ref(false);
-
-watch([showModal, verifyStep, qrCodeSvg], ([newShowModal, newVerifyStep, newQrCodeSvg]) => {
-    if (newShowModal && !newVerifyStep && !newQrCodeSvg) {
-        enable();
-    }
-});
-
-const enable = async () => {
-    try {
-        const enableResponse = await fetch(route('two-factor.enable'), {
-            method: 'POST',
-            headers,
-        });
-
-        if (enableResponse.ok) {
-            const qrResponse = await fetch(route('two-factor.qr-code'), {
-                method: 'GET',
-                headers,
-            });
-
-            const secretResponse = await fetch(route('two-factor.secret-key'), {
-                method: 'GET',
-                headers,
-            });
-
-            if (qrResponse.ok && secretResponse.ok) {
-                const qrData: QrCodeResponse = await qrResponse.json();
-                const secretData: SecretKeyResponse = await secretResponse.json();
-
-                qrCodeSvg.value = btoa(qrData.svg);
-                secretKey.value = secretData.secretKey;
-            }
-        } else if (enableResponse.status === 423) {
-            window.location.reload();
-        } else {
-            console.error('Error enabling 2FA:', enableResponse.status, enableResponse.statusText);
-            const errorText = await enableResponse.text();
-            console.error('Response body:', errorText);
-        }
-    } catch (error) {
-        console.error('Error enabling 2FA:', error);
-    }
-};
-
-const handleRegenerateRecoveryCodes = (page: any) => {
-    if (page.props.recoveryCodes) {
-        recoveryCodesList.value = page.props.recoveryCodes as string[];
-    }
-};
-
-const copyToClipboard = (text: string) => {
-    navigator.clipboard.writeText(text);
-    copied.value = true;
-    setTimeout(() => (copied.value = false), 1500);
-};
+const {
+    confirmed,
+    qrCodeSvg,
+    secretKey,
+    recoveryCodesList,
+    copied,
+    passcode,
+    error,
+    verifyStep,
+    showingRecoveryCodes,
+    showModal,
+    isLoading,
+    confirm,
+    regenerateRecoveryCodes,
+    disable,
+    copyToClipboard,
+} = useTwoFactorAuth(props.confirmed, props.recoveryCodes);
 
 const pinValue = ref<number[]>([]);
 const pinInputContainerRef = ref<HTMLElement | null>(null);
@@ -119,6 +55,7 @@ const code: ComputedRef<string> = computed(() => pinValue.value.join(''));
 const toggleRecoveryCodes = () => {
     showingRecoveryCodes.value = !showingRecoveryCodes.value;
 };
+
 </script>
 
 <template>
@@ -180,7 +117,7 @@ const toggleRecoveryCodes = () => {
                                             class="relative mx-auto aspect-square w-64 overflow-hidden rounded-lg border border-stone-200 dark:border-stone-700"
                                         >
                                             <div
-                                                v-if="!qrCodeSvg"
+                                                v-if="!qrCodeSvg || isLoading"
                                                 class="absolute inset-0 z-10 flex aspect-square h-auto w-full animate-pulse items-center justify-center bg-white dark:bg-stone-700"
                                             >
                                                 <Loader2 class="size-6 animate-spin" />
@@ -227,7 +164,7 @@ const toggleRecoveryCodes = () => {
                                     <div class="flex w-full items-center justify-center space-x-2">
                                         <div class="flex w-full items-stretch overflow-hidden rounded-xl border dark:border-stone-700">
                                             <div
-                                                v-if="!secretKey"
+                                                v-if="!secretKey || isLoading"
                                                 class="flex h-full w-full items-center justify-center bg-stone-100 p-3 dark:bg-stone-700"
                                             >
                                                 <Loader2 class="size-4 animate-spin" />
@@ -252,67 +189,48 @@ const toggleRecoveryCodes = () => {
                                 </template>
 
                                 <template v-else>
-                                    <Form
-                                        ref="formRef"
-                                        :action="route('two-factor.confirm')"
-                                        method="post"
-                                        #default="{ errors, processing }"
-                                        @success="
-                                            () => {
-                                                confirmed = true;
-                                                verifyStep = false;
-                                                showModal = false;
-                                                showingRecoveryCodes = true;
-                                                pinValue = [];
-                                                error = '';
-                                            }
-                                        "
-                                        @error="
-                                            () => {
-                                                pinValue = [];
-                                            }
-                                        "
-                                    >
-                                        <div ref="pinInputContainerRef" class="relative w-full space-y-3">
-                                            <input type="hidden" name="code" :value="code" />
-
-                                            <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
-                                                <PinInputRoot
-                                                    id="otp"
-                                                    type="number"
-                                                    v-model="pinValue"
-                                                    placeholder="○"
-                                                    class="mt-1 flex items-center gap-2"
-                                                >
-                                                    <PinInputInput
-                                                        v-for="(id, index) in 6"
-                                                        :key="id"
-                                                        :index="index"
-                                                        :disabled="processing"
-                                                        class="h-10 w-10 rounded-lg border border-input bg-background text-center text-foreground shadow-sm outline-none placeholder:text-muted-foreground focus:shadow-[0_0_0_2px] focus:shadow-ring disabled:cursor-not-allowed disabled:opacity-50"
-                                                    />
-                                                </PinInputRoot>
-                                                <div v-if="errors.confirmTwoFactorAuthentication?.code" class="mt-2 text-sm text-red-600">
-                                                    {{ errors.confirmTwoFactorAuthentication.code }}
-                                                </div>
+                                    <div ref="pinInputContainerRef" class="relative w-full space-y-3">
+                                        <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
+                                            <PinInputRoot
+                                                id="otp"
+                                                type="number"
+                                                v-model="pinValue"
+                                                placeholder="○"
+                                                class="mt-1 flex items-center gap-2"
+                                            >
+                                                <PinInputInput
+                                                    v-for="(id, index) in 6"
+                                                    :key="id"
+                                                    :index="index"
+                                                    :disabled="isLoading"
+                                                    class="h-10 w-10 rounded-lg border border-input bg-background text-center text-foreground shadow-sm outline-none placeholder:text-muted-foreground focus:shadow-[0_0_0_2px] focus:shadow-ring disabled:cursor-not-allowed disabled:opacity-50"
+                                                />
+                                            </PinInputRoot>
+                                            <div v-if="error" class="mt-2 text-sm text-red-600">
+                                                {{ error }}
                                             </div>
+                                        </div>
 
-                                            <div class="flex w-full items-center space-x-5">
-                                                <Button
-                                                    type="button"
-                                                    variant="outline"
-                                                    class="w-auto flex-1"
-                                                    @click="verifyStep = false"
-                                                    :disabled="processing"
-                                                >
-                                                    Back
-                                                </Button>
-                                                <Button type="submit" class="w-auto flex-1" :disabled="processing || pinValue.length < 6">
-                                                    {{ processing ? 'Confirming...' : 'Confirm' }}
-                                                </Button>
-                                            </div>
+                                        <div class="flex w-full items-center space-x-5">
+                                            <Button
+                                                type="button"
+                                                variant="outline"
+                                                class="w-auto flex-1"
+                                                @click="verifyStep = false"
+                                                :disabled="isLoading"
+                                            >
+                                                Back
+                                            </Button>
+                                            <Button
+                                                type="button"
+                                                class="w-auto flex-1"
+                                                :disabled="isLoading || pinValue.length < 6"
+                                                @click="() => { passcode = code; confirm(); }"
+                                            >
+                                                {{ isLoading ? 'Confirming...' : 'Confirm' }}
+                                            </Button>
                                         </div>
-                                    </Form>
+                                    </div>
                                 </template>
                             </div>
                         </DialogContent>
@@ -351,18 +269,17 @@ const toggleRecoveryCodes = () => {
                                     </span>
                                 </div>
 
-                                <Form
+                                <Button
                                     v-if="showingRecoveryCodes"
-                                    :action="route('two-factor.recovery-codes')"
-                                    method="post"
-                                    :async="false"
-                                    #default="{ processing }"
-                                    @success="handleRegenerateRecoveryCodes"
+                                    size="sm"
+                                    variant="outline"
+                                    class="text-stone-600"
+                                    type="button"
+                                    :disabled="isLoading"
+                                    @click.stop="regenerateRecoveryCodes"
                                 >
-                                    <Button size="sm" variant="outline" class="text-stone-600" type="submit" :disabled="processing" @click.stop>
-                                        {{ processing ? 'Regenerating...' : 'Regenerate Codes' }}
-                                    </Button>
-                                </Form>
+                                    {{ isLoading ? 'Regenerating...' : 'Regenerate Codes' }}
+                                </Button>
                             </div>
 
                             <div
@@ -384,23 +301,14 @@ const toggleRecoveryCodes = () => {
                     </div>
 
                     <div class="relative inline">
-                        <Form
-                            :action="route('two-factor.disable')"
-                            method="delete"
-                            :async="false"
-                            #default="{ processing }"
-                            @success="() => {
-                                confirmed = false;
-                                showingRecoveryCodes = false;
-                                recoveryCodesList = [];
-                                qrCodeSvg = '';
-                                secretKey = '';
-                            }"
+                        <Button
+                            variant="destructive"
+                            type="button"
+                            :disabled="isLoading"
+                            @click="disable"
                         >
-                            <Button variant="destructive" type="submit" :disabled="processing">
-                                {{ processing ? 'Disabling...' : 'Disable 2FA' }}
-                            </Button>
-                        </Form>
+                            {{ isLoading ? 'Disabling...' : 'Disable 2FA' }}
+                        </Button>
                     </div>
                 </div>
             </div>
diff --git a/routes/settings.php b/routes/settings.php
index 1d012324..44eba16f 100644
--- a/routes/settings.php
+++ b/routes/settings.php
@@ -24,7 +24,6 @@
     })->name('appearance');
 
     Route::get('settings/two-factor', [TwoFactorAuthenticationController::class, 'show'])
-        ->middleware('password.confirm')
         ->name('two-factor.show');
 
 });

From 94b424883af8001c3d502e3dcbb8e6c40cb1d2d8 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 12:46:32 +0530
Subject: [PATCH 03/58] refactor: move two-factor authentication logic from
 composable to page component and simplify implementation logic (#149)

---
 .../TwoFactorAuthenticationController.php     |   6 +-
 config/fortify.php                            |   2 +-
 resources/js/composables/useTwoFactorAuth.ts  | 231 ------------------
 resources/js/pages/settings/TwoFactor.vue     | 130 ++++++++--
 resources/views/app.blade.php                 |   1 -
 5 files changed, 111 insertions(+), 259 deletions(-)
 delete mode 100644 resources/js/composables/useTwoFactorAuth.ts

diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 61e3aa56..15a0b811 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -5,6 +5,7 @@
 namespace App\Http\Controllers\Settings;
 
 use App\Http\Controllers\Controller;
+use App\Models\User;
 use Illuminate\Http\Request;
 use Inertia\Inertia;
 use Inertia\Response;
@@ -15,10 +16,13 @@ public function show(Request $request): Response
     {
         $user = $request->user();
         $confirmed = ! is_null($user->two_factor_confirmed_at);
+        $hasTwoFactorSecret = ! is_null($user->two_factor_secret);
 
         return Inertia::render('settings/TwoFactor', [
             'confirmed' => $confirmed,
-            'recoveryCodes' => ! is_null($user->two_factor_secret) ? json_decode(decrypt($user->two_factor_recovery_codes)) : [],
+            'recoveryCodes' => $hasTwoFactorSecret ? json_decode(decrypt($user->two_factor_recovery_codes)) : [],
+            'qrCodeSvg' => $hasTwoFactorSecret ? $user->twoFactorQrCodeSvg() : null,
+            'secretKey' => $hasTwoFactorSecret ? decrypt($user->two_factor_secret) : null,
         ]);
     }
 }
diff --git a/config/fortify.php b/config/fortify.php
index de318e79..df49e4f8 100644
--- a/config/fortify.php
+++ b/config/fortify.php
@@ -151,7 +151,7 @@
         // Features::updatePasswords(),
         Features::twoFactorAuthentication([
             'confirm' => true,
-            'confirmPassword' => false,
+            'confirmPassword' => true,
             // 'window' => 0
         ]),
     ],
diff --git a/resources/js/composables/useTwoFactorAuth.ts b/resources/js/composables/useTwoFactorAuth.ts
deleted file mode 100644
index cffcadb3..00000000
--- a/resources/js/composables/useTwoFactorAuth.ts
+++ /dev/null
@@ -1,231 +0,0 @@
-import { ref, watch } from 'vue';
-
-
-interface ConfirmResponse {
-    status: string;
-    recovery_codes?: string[];
-    message?: string;
-}
-
-interface RecoveryCodesResponse {
-    recovery_codes: string[];
-}
-
-interface QrCodeResponse {
-    svg: string;
-}
-
-interface SecretKeyResponse {
-    secretKey: string;
-}
-
-
-export function useTwoFactorAuth(initialConfirmed: boolean = false, initialRecoveryCodes: string[] = []) {
-    const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
-
-    const headers = {
-        'Content-Type': 'application/json',
-        Accept: 'application/json',
-        'X-CSRF-TOKEN': csrfToken,
-        'X-Requested-With': 'XMLHttpRequest',
-    };
-
-    const confirmed = ref(initialConfirmed);
-    const qrCodeSvg = ref('');
-    const secretKey = ref('');
-    const recoveryCodesList = ref(initialRecoveryCodes);
-    const copied = ref(false);
-    const passcode = ref('');
-    const error = ref('');
-    const verifyStep = ref(false);
-    const showingRecoveryCodes = ref(false);
-    const showModal = ref(false);
-    const isLoading = ref(false);
-
-    watch([showModal, verifyStep, qrCodeSvg], ([newShowModal, newVerifyStep, newQrCodeSvg]) => {
-        if (newShowModal && !newVerifyStep && !newQrCodeSvg) {
-            enable().then(() => true);
-        }
-    });
-
-    const enable = async (): Promise<void> => {
-        try {
-            isLoading.value = true;
-            error.value = '';
-
-            const enableResponse = await fetch(route('two-factor.enable'), {
-                method: 'POST',
-                headers,
-            });
-
-            if (enableResponse.ok) {
-                const [qrCode, secret] = await Promise.all([
-                    fetchQrCode(),
-                    fetchSecretKey()
-                ]);
-
-                if (qrCode && secret) {
-                    qrCodeSvg.value = qrCode;
-                    secretKey.value = secret;
-                }
-            } else {
-                error.value = 'Failed to enable two-factor authentication';
-            }
-        } catch (err) {
-            error.value = 'Error enabling two-factor authentication';
-            console.error('Error enabling 2FA:', err);
-        } finally {
-            isLoading.value = false;
-        }
-    };
-
-    const fetchQrCode = async (): Promise<string | null> => {
-        try {
-            const response = await fetch(route('two-factor.qr-code'), {
-                method: 'GET',
-                headers: {
-                    'Accept': 'application/json',
-                    'X-Requested-With': 'XMLHttpRequest',
-                    'X-CSRF-TOKEN': csrfToken
-                },
-                credentials: 'same-origin'
-            });
-
-            if (response.ok) {
-                const data: QrCodeResponse = await response.json();
-                return btoa(data.svg);
-            }
-            return null;
-        } catch {
-            return null;
-        }
-    };
-
-    const fetchSecretKey = async (): Promise<string | null> => {
-        try {
-            const response = await fetch(route('two-factor.secret-key'), {
-                method: 'GET',
-                headers: {
-                    'Accept': 'application/json',
-                    'X-Requested-With': 'XMLHttpRequest',
-                    'X-CSRF-TOKEN': csrfToken
-                },
-                credentials: 'same-origin'
-            });
-
-            if (response.ok) {
-                const data: SecretKeyResponse = await response.json();
-                return data.secretKey;
-            }
-            return null;
-        } catch {
-            return null;
-        }
-    };
-
-    const confirm = async (): Promise<boolean> => {
-        if (!passcode.value || passcode.value.length !== 6) return false;
-
-        const formattedCode = passcode.value.replace(/\s+/g, '').trim();
-
-        try {
-            const response = await fetch(route('two-factor.confirm'), {
-                method: 'POST',
-                headers,
-                body: JSON.stringify({ code: formattedCode }),
-            });
-
-            if (response.ok) {
-                const responseData: ConfirmResponse = await response.json();
-                if (responseData.recovery_codes) {
-                    recoveryCodesList.value = responseData.recovery_codes;
-                }
-
-                confirmed.value = true;
-                verifyStep.value = false;
-                showModal.value = false;
-                showingRecoveryCodes.value = true;
-                passcode.value = '';
-                error.value = '';
-                return true;
-            } else {
-                const errorData = await response.json();
-                error.value = errorData.message || 'Invalid verification code';
-                passcode.value = '';
-                return false;
-            }
-        } catch (err) {
-            console.error('Error confirming 2FA:', err);
-            error.value = 'An error occurred while confirming 2FA';
-            return false;
-        }
-    };
-
-    const regenerateRecoveryCodes = async (): Promise<void> => {
-        try {
-            const response = await fetch(route('two-factor.recovery-codes'), {
-                method: 'POST',
-                headers,
-            });
-
-            if (response.ok) {
-                const data: RecoveryCodesResponse = await response.json();
-                if (data.recovery_codes) {
-                    recoveryCodesList.value = data.recovery_codes;
-                }
-            } else {
-                console.error('Error regenerating codes:', response.statusText);
-            }
-        } catch (error) {
-            console.error('Error regenerating codes:', error);
-        }
-    };
-
-    const disable = async (): Promise<boolean> => {
-        try {
-            const response = await fetch(route('two-factor.disable'), {
-                method: 'DELETE',
-                headers
-            });
-
-            if (response.ok) {
-                confirmed.value = false;
-                showingRecoveryCodes.value = false;
-                recoveryCodesList.value = [];
-                qrCodeSvg.value = '';
-                secretKey.value = '';
-                return true;
-            } else {
-                console.error('Error disabling 2FA:', response.statusText);
-                return false;
-            }
-        } catch (error) {
-            console.error('Error disabling 2FA:', error);
-            return false;
-        }
-    };
-
-    const copyToClipboard = (text: string): void => {
-        navigator.clipboard.writeText(text).then(() => copied.value = true);
-        setTimeout(() => copied.value = false, 1500);
-    };
-
-    return {
-        confirmed,
-        qrCodeSvg,
-        secretKey,
-        recoveryCodesList,
-        copied,
-        passcode,
-        error,
-        verifyStep,
-        showingRecoveryCodes,
-        showModal,
-        isLoading,
-        enable,
-        confirm,
-        regenerateRecoveryCodes,
-        disable,
-        copyToClipboard,
-    };
-}
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 6197689e..ba33ad36 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -2,10 +2,9 @@
 import HeadingSmall from '@/components/HeadingSmall.vue';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
-import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
-import { Head } from '@inertiajs/vue3';
+import { Head, router } from '@inertiajs/vue3';
 import { PinInputInput, PinInputRoot } from 'reka-ui';
 import { computed, ComputedRef, nextTick, ref } from 'vue';
 
@@ -16,10 +15,14 @@ const props = withDefaults(
     defineProps<{
         confirmed?: boolean;
         recoveryCodes?: string[];
+        qrCodeSvg?: string | null;
+        secretKey?: string | null;
     }>(),
     {
         confirmed: false,
         recoveryCodes: () => [],
+        qrCodeSvg: null,
+        secretKey: null,
     },
 );
 
@@ -30,23 +33,103 @@ const breadcrumbs = [
     },
 ];
 
-const {
-    confirmed,
-    qrCodeSvg,
-    secretKey,
-    recoveryCodesList,
-    copied,
-    passcode,
-    error,
-    verifyStep,
-    showingRecoveryCodes,
-    showModal,
-    isLoading,
-    confirm,
-    regenerateRecoveryCodes,
-    disable,
-    copyToClipboard,
-} = useTwoFactorAuth(props.confirmed, props.recoveryCodes);
+const confirmed = ref(props.confirmed);
+const qrCodeSvg = ref(props.qrCodeSvg || '');
+const secretKey = ref(props.secretKey || '');
+const recoveryCodesList = ref(props.recoveryCodes);
+const copied = ref(false);
+const passcode = ref('');
+const error = ref('');
+const verifyStep = ref(false);
+const showingRecoveryCodes = ref(false);
+const showModal = ref(false);
+const isLoading = ref(false);
+
+const enable = (): void => {
+    isLoading.value = true;
+    error.value = '';
+
+    router.post(route('two-factor.enable'), {}, {
+        async: false,
+        onSuccess: () =>{
+            showModal.value = true;
+         },
+        onError: () => {
+            error.value = 'Failed to enable two-factor authentication';
+        },
+        onFinish: () => {
+            isLoading.value = false;
+        }
+    });
+};
+
+const confirm = (): Promise<boolean> => {
+    if (!passcode.value || passcode.value.length !== 6) return Promise.resolve(false);
+
+    const formattedCode = passcode.value.replace(/\s+/g, '').trim();
+
+    return new Promise((resolve) => {
+        router.post(route('two-factor.confirm'), { code: formattedCode }, {
+            onSuccess: (page) => {
+                const props = page.props as any;
+                if (props.recoveryCodes) {
+                    recoveryCodesList.value = props.recoveryCodes;
+                }
+
+                confirmed.value = true;
+                verifyStep.value = false;
+                showModal.value = false;
+                showingRecoveryCodes.value = true;
+                passcode.value = '';
+                error.value = '';
+                resolve(true);
+            },
+            onError: (errors) => {
+                error.value = errors.message || 'Invalid verification code';
+                passcode.value = '';
+                resolve(false);
+            }
+        });
+    });
+};
+
+const regenerateRecoveryCodes = (): void => {
+    router.post(route('two-factor.recovery-codes'), {}, {
+        onSuccess: (page) => {
+            const props = page.props as any;
+            if (props.recoveryCodes) {
+                recoveryCodesList.value = props.recoveryCodes;
+            }
+        },
+        onError: () => {
+            console.error('Error regenerating codes');
+        }
+    });
+};
+
+const disable = (): Promise<boolean> => {
+    return new Promise((resolve) => {
+        router.delete(route('two-factor.disable'), {
+            onSuccess: () => {
+                confirmed.value = false;
+                showingRecoveryCodes.value = false;
+                recoveryCodesList.value = [];
+                qrCodeSvg.value = '';
+                secretKey.value = '';
+                resolve(true);
+            },
+            onError: () => {
+                console.error('Error disabling 2FA');
+                resolve(false);
+            }
+        });
+    });
+};
+
+const copyToClipboard = (text: string): void => {
+    navigator.clipboard.writeText(text).then(() => copied.value = true);
+    setTimeout(() => copied.value = false, 1500);
+};
 
 const pinValue = ref<number[]>([]);
 const pinInputContainerRef = ref<HTMLElement | null>(null);
@@ -75,7 +158,7 @@ const toggleRecoveryCodes = () => {
 
                     <Dialog :open="showModal" @update:open="showModal = $event">
                         <DialogTrigger as-child>
-                            <Button @click="showModal = true">Enable</Button>
+                            <Button @click="enable">Enable</Button>
                         </DialogTrigger>
                         <DialogContent class="sm:max-w-md">
                             <DialogHeader class="flex items-center justify-center">
@@ -123,11 +206,8 @@ const toggleRecoveryCodes = () => {
                                                 <Loader2 class="size-6 animate-spin" />
                                             </div>
                                             <div v-else class="relative z-10 overflow-hidden border p-5">
-                                                <img
-                                                    :src="'data:image/svg+xml;base64,' + qrCodeSvg"
-                                                    alt="QR Code"
-                                                    class="aspect-square h-full w-full"
-                                                />
+                                                <div  v-html="qrCodeSvg" class="aspect-square h-full w-full flex items-center justify-center">
+                                                </div>
                                                 <div v-if="qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
                                                     <div
                                                         class="absolute inset-x-0 h-0.5 bg-blue-500 opacity-60 transition-all duration-300 ease-in-out"
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index cd275d0f..99a287ec 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -3,7 +3,6 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <meta name="csrf-token" content="{{ csrf_token() }}">
 
         {{-- Inline script to detect system dark mode preference and apply it immediately --}}
         <script>

From c284c853da8ee909daa4719c059d7e1fe2907b2c Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 13:31:36 +0530
Subject: [PATCH 04/58] refactor: simplify two-factor authentication logic with
 form components and improve conditional rendering

---
 .../TwoFactorAuthenticationController.php     |   4 +-
 resources/js/pages/settings/TwoFactor.vue     | 288 ++++++++----------
 2 files changed, 128 insertions(+), 164 deletions(-)

diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 15a0b811..4abe1cec 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -21,8 +21,8 @@ public function show(Request $request): Response
         return Inertia::render('settings/TwoFactor', [
             'confirmed' => $confirmed,
             'recoveryCodes' => $hasTwoFactorSecret ? json_decode(decrypt($user->two_factor_recovery_codes)) : [],
-            'qrCodeSvg' => $hasTwoFactorSecret ? $user->twoFactorQrCodeSvg() : null,
-            'secretKey' => $hasTwoFactorSecret ? decrypt($user->two_factor_secret) : null,
+            'qrCodeSvg' => !$confirmed && $hasTwoFactorSecret ? $user->twoFactorQrCodeSvg() : null,
+            'secretKey' => !$confirmed && $hasTwoFactorSecret ? decrypt($user->two_factor_secret) : null,
         ]);
     }
 }
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index ba33ad36..02dceca6 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -4,7 +4,7 @@ import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
-import { Head, router } from '@inertiajs/vue3';
+import { Form, Head } from '@inertiajs/vue3';
 import { PinInputInput, PinInputRoot } from 'reka-ui';
 import { computed, ComputedRef, nextTick, ref } from 'vue';
 
@@ -33,102 +33,54 @@ const breadcrumbs = [
     },
 ];
 
-const confirmed = ref(props.confirmed);
-const qrCodeSvg = ref(props.qrCodeSvg || '');
-const secretKey = ref(props.secretKey || '');
-const recoveryCodesList = ref(props.recoveryCodes);
 const copied = ref(false);
-const passcode = ref('');
 const error = ref('');
 const verifyStep = ref(false);
 const showingRecoveryCodes = ref(false);
 const showModal = ref(false);
-const isLoading = ref(false);
 
-const enable = (): void => {
-    isLoading.value = true;
-    error.value = '';
+// Form refs
+const enableFormRef = ref();
+const confirmFormRef = ref();
+const disableFormRef = ref();
+const regenerateFormRef = ref();
 
-    router.post(route('two-factor.enable'), {}, {
-        async: false,
-        onSuccess: () =>{
-            showModal.value = true;
-         },
-        onError: () => {
-            error.value = 'Failed to enable two-factor authentication';
-        },
-        onFinish: () => {
-            isLoading.value = false;
-        }
-    });
+const handleEnableSuccess = (): void => {
+    showModal.value = true;
 };
 
-const confirm = (): Promise<boolean> => {
-    if (!passcode.value || passcode.value.length !== 6) return Promise.resolve(false);
+const handleEnableError = (): void => {
+    error.value = 'Failed to enable two-factor authentication';
+};
 
-    const formattedCode = passcode.value.replace(/\s+/g, '').trim();
+const handleEnableFinish = (): void => {
+    // Form component handles loading state automatically
+};
 
-    return new Promise((resolve) => {
-        router.post(route('two-factor.confirm'), { code: formattedCode }, {
-            onSuccess: (page) => {
-                const props = page.props as any;
-                if (props.recoveryCodes) {
-                    recoveryCodesList.value = props.recoveryCodes;
-                }
+const handleConfirmSuccess = (): void => {
+    verifyStep.value = false;
+    showModal.value = false;
+    showingRecoveryCodes.value = true;
+    pinValue.value = [];
+    error.value = '';
+};
 
-                confirmed.value = true;
-                verifyStep.value = false;
-                showModal.value = false;
-                showingRecoveryCodes.value = true;
-                passcode.value = '';
-                error.value = '';
-                resolve(true);
-            },
-            onError: (errors) => {
-                error.value = errors.message || 'Invalid verification code';
-                passcode.value = '';
-                resolve(false);
-            }
-        });
-    });
+const handleConfirmError = (errors: any): void => {
+    error.value = errors.message || 'Invalid verification code';
+    pinValue.value = [];
 };
 
-const regenerateRecoveryCodes = (): void => {
-    router.post(route('two-factor.recovery-codes'), {}, {
-        onSuccess: (page) => {
-            const props = page.props as any;
-            if (props.recoveryCodes) {
-                recoveryCodesList.value = props.recoveryCodes;
-            }
-        },
-        onError: () => {
-            console.error('Error regenerating codes');
-        }
-    });
+const handleDisableSuccess = (): void => {
+    showingRecoveryCodes.value = false;
 };
 
-const disable = (): Promise<boolean> => {
-    return new Promise((resolve) => {
-        router.delete(route('two-factor.disable'), {
-            onSuccess: () => {
-                confirmed.value = false;
-                showingRecoveryCodes.value = false;
-                recoveryCodesList.value = [];
-                qrCodeSvg.value = '';
-                secretKey.value = '';
-                resolve(true);
-            },
-            onError: () => {
-                console.error('Error disabling 2FA');
-                resolve(false);
-            }
-        });
-    });
+const handleDisableError = (): void => {
+    console.error('Error disabling 2FA');
 };
 
 const copyToClipboard = (text: string): void => {
-    navigator.clipboard.writeText(text).then(() => copied.value = true);
-    setTimeout(() => copied.value = false, 1500);
+    navigator.clipboard.writeText(text).then(() => (copied.value = true));
+    setTimeout(() => (copied.value = false), 1500);
 };
 
 const pinValue = ref<number[]>([]);
@@ -138,7 +90,6 @@ const code: ComputedRef<string> = computed(() => pinValue.value.join(''));
 const toggleRecoveryCodes = () => {
     showingRecoveryCodes.value = !showingRecoveryCodes.value;
 };
-
 </script>
 
 <template>
@@ -147,35 +98,37 @@ const toggleRecoveryCodes = () => {
         <SettingsLayout>
             <div class="space-y-6">
                 <HeadingSmall title="Two-Factor Authentication" description="Manage your two-factor authentication settings" />
-
-                <div v-if="!confirmed" class="flex flex-col items-start justify-start space-y-5">
+                <div v-if="!props.confirmed" class="flex flex-col items-start justify-start space-y-5">
                     <Badge variant="outline" class="border-orange-200 bg-orange-50 text-orange-700 hover:bg-orange-50"> Disabled </Badge>
-
                     <p class="-translate-y-1 text-stone-500 dark:text-stone-400">
                         When you enable 2FA, you'll be prompted for a secure code during login, which can be retrieved from your phone's TOTP
                         supported app.
                     </p>
-
                     <Dialog :open="showModal" @update:open="showModal = $event">
                         <DialogTrigger as-child>
-                            <Button @click="enable">Enable</Button>
+                            <Form
+                                ref="enableFormRef"
+                                :async="false"
+                                :action="route('two-factor.enable')"
+                                method="post"
+                                @success="handleEnableSuccess"
+                                @error="handleEnableError"
+                                @finish="handleEnableFinish"
+                                #default="{ processing }"
+                            >
+                                <Button type="submit" :disabled="processing">
+                                    {{ processing ? 'Enabling...' : 'Enable' }}
+                                </Button>
+                            </Form>
                         </DialogTrigger>
                         <DialogContent class="sm:max-w-md">
                             <DialogHeader class="flex items-center justify-center">
-                                <div
-                                    class="mb-3 w-auto rounded-full border border-stone-100 bg-white p-0.5 shadow-sm dark:border-stone-600 dark:bg-stone-800"
-                                >
-                                    <div
-                                        class="relative overflow-hidden rounded-full border border-stone-200 bg-stone-100 p-2.5 dark:border-stone-600 dark:bg-stone-200"
-                                    >
-                                        <div
-                                            class="absolute inset-0 flex h-full w-full items-stretch justify-around divide-x divide-stone-200 opacity-50 dark:divide-stone-300 [&>div]:flex-1"
-                                        >
+                                <div class="mb-3 w-auto rounded-full border border-stone-100 bg-white p-0.5 shadow-sm dark:border-stone-600 dark:bg-stone-800">
+                                    <div class="relative overflow-hidden rounded-full border border-stone-200 bg-stone-100 p-2.5 dark:border-stone-600 dark:bg-stone-200">
+                                        <div class="absolute inset-0 flex h-full w-full items-stretch justify-around divide-x divide-stone-200 opacity-50 dark:divide-stone-300 [&>div]:flex-1">
                                             <div v-for="i in 5" :key="i"></div>
                                         </div>
-                                        <div
-                                            class="absolute inset-0 flex h-full w-full flex-col items-stretch justify-around divide-y divide-stone-200 opacity-50 dark:divide-stone-300 [&>div]:flex-1"
-                                        >
+                                        <div class="absolute inset-0 flex h-full w-full flex-col items-stretch justify-around divide-y divide-stone-200 opacity-50 dark:divide-stone-300 [&>div]:flex-1">
                                             <div v-for="i in 5" :key="i"></div>
                                         </div>
                                         <ScanLine class="relative z-20 size-6 dark:text-black" />
@@ -200,15 +153,17 @@ const toggleRecoveryCodes = () => {
                                             class="relative mx-auto aspect-square w-64 overflow-hidden rounded-lg border border-stone-200 dark:border-stone-700"
                                         >
                                             <div
-                                                v-if="!qrCodeSvg || isLoading"
+                                                v-if="!props.qrCodeSvg"
                                                 class="absolute inset-0 z-10 flex aspect-square h-auto w-full animate-pulse items-center justify-center bg-white dark:bg-stone-700"
                                             >
                                                 <Loader2 class="size-6 animate-spin" />
                                             </div>
                                             <div v-else class="relative z-10 overflow-hidden border p-5">
-                                                <div  v-html="qrCodeSvg" class="aspect-square h-full w-full flex items-center justify-center">
-                                                </div>
-                                                <div v-if="qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
+                                                <div
+                                                    v-html="props.qrCodeSvg"
+                                                    class="flex aspect-square h-full w-full items-center justify-center"
+                                                ></div>
+                                                <div v-if="props.qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
                                                     <div
                                                         class="absolute inset-x-0 h-0.5 bg-blue-500 opacity-60 transition-all duration-300 ease-in-out"
                                                     ></div>
@@ -244,7 +199,7 @@ const toggleRecoveryCodes = () => {
                                     <div class="flex w-full items-center justify-center space-x-2">
                                         <div class="flex w-full items-stretch overflow-hidden rounded-xl border dark:border-stone-700">
                                             <div
-                                                v-if="!secretKey || isLoading"
+                                                v-if="!props.secretKey"
                                                 class="flex h-full w-full items-center justify-center bg-stone-100 p-3 dark:bg-stone-700"
                                             >
                                                 <Loader2 class="size-4 animate-spin" />
@@ -253,11 +208,11 @@ const toggleRecoveryCodes = () => {
                                                 <input
                                                     type="text"
                                                     readonly
-                                                    :value="secretKey"
+                                                    :value="props.secretKey"
                                                     class="h-full w-full bg-white p-3 text-black dark:bg-stone-800 dark:text-stone-100"
                                                 />
                                                 <button
-                                                    @click="copyToClipboard(secretKey)"
+                                                    @click="copyToClipboard(props.secretKey || '')"
                                                     class="relative block h-auto border-l border-stone-200 px-3 hover:bg-stone-100 dark:border-stone-600 dark:hover:bg-stone-600"
                                                 >
                                                     <Check v-if="copied" class="w-4 text-green-500" />
@@ -269,55 +224,60 @@ const toggleRecoveryCodes = () => {
                                 </template>
 
                                 <template v-else>
-                                    <div ref="pinInputContainerRef" class="relative w-full space-y-3">
-                                        <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
-                                            <PinInputRoot
-                                                id="otp"
-                                                type="number"
-                                                v-model="pinValue"
-                                                placeholder="○"
-                                                class="mt-1 flex items-center gap-2"
-                                            >
-                                                <PinInputInput
-                                                    v-for="(id, index) in 6"
-                                                    :key="id"
-                                                    :index="index"
-                                                    :disabled="isLoading"
-                                                    class="h-10 w-10 rounded-lg border border-input bg-background text-center text-foreground shadow-sm outline-none placeholder:text-muted-foreground focus:shadow-[0_0_0_2px] focus:shadow-ring disabled:cursor-not-allowed disabled:opacity-50"
-                                                />
-                                            </PinInputRoot>
-                                            <div v-if="error" class="mt-2 text-sm text-red-600">
-                                                {{ error }}
+                                    <Form
+                                        ref="confirmFormRef"
+                                        :action="route('two-factor.confirm')"
+                                        method="post"
+                                        @success="handleConfirmSuccess"
+                                        @error="handleConfirmError"
+                                        #default="{ processing }"
+                                    >
+                                        <input type="hidden" name="code" :value="code" />
+                                        <div ref="pinInputContainerRef" class="relative w-full space-y-3">
+                                            <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
+                                                <PinInputRoot
+                                                    id="otp"
+                                                    type="number"
+                                                    v-model="pinValue"
+                                                    placeholder="○"
+                                                    class="mt-1 flex items-center gap-2"
+                                                >
+                                                    <PinInputInput
+                                                        v-for="(id, index) in 6"
+                                                        :key="id"
+                                                        :index="index"
+                                                        :disabled="processing"
+                                                        class="h-10 w-10 rounded-lg border border-input bg-background text-center text-foreground shadow-sm outline-none placeholder:text-muted-foreground focus:shadow-[0_0_0_2px] focus:shadow-ring disabled:cursor-not-allowed disabled:opacity-50"
+                                                    />
+                                                </PinInputRoot>
+                                                <div v-if="error" class="mt-2 text-sm text-red-600">
+                                                    {{ error }}
+                                                </div>
                                             </div>
-                                        </div>
 
-                                        <div class="flex w-full items-center space-x-5">
-                                            <Button
-                                                type="button"
-                                                variant="outline"
-                                                class="w-auto flex-1"
-                                                @click="verifyStep = false"
-                                                :disabled="isLoading"
-                                            >
-                                                Back
-                                            </Button>
-                                            <Button
-                                                type="button"
-                                                class="w-auto flex-1"
-                                                :disabled="isLoading || pinValue.length < 6"
-                                                @click="() => { passcode = code; confirm(); }"
-                                            >
-                                                {{ isLoading ? 'Confirming...' : 'Confirm' }}
-                                            </Button>
+                                            <div class="flex w-full items-center space-x-5">
+                                                <Button
+                                                    type="button"
+                                                    variant="outline"
+                                                    class="w-auto flex-1"
+                                                    @click="verifyStep = false"
+                                                    :disabled="processing"
+                                                >
+                                                    Back
+                                                </Button>
+                                                <Button type="submit" class="w-auto flex-1" :disabled="processing || pinValue.length < 6">
+                                                    {{ processing ? 'Confirming...' : 'Confirm' }}
+                                                </Button>
+                                            </div>
                                         </div>
-                                    </div>
+                                    </Form>
                                 </template>
                             </div>
                         </DialogContent>
                     </Dialog>
                 </div>
 
-                <div v-if="confirmed" class="flex flex-col items-start justify-start space-y-5">
+                <div v-if="props.confirmed" class="flex flex-col items-start justify-start space-y-5">
                     <Badge variant="outline" class="border-green-200 bg-green-50 text-green-700 hover:bg-green-50"> Enabled </Badge>
                     <p class="text-stone-500 dark:text-stone-400">
                         With two factor authentication enabled, you'll be prompted for a secure, random token during login, which you can retrieve
@@ -349,17 +309,17 @@ const toggleRecoveryCodes = () => {
                                     </span>
                                 </div>
 
-                                <Button
+                                <Form
                                     v-if="showingRecoveryCodes"
-                                    size="sm"
-                                    variant="outline"
-                                    class="text-stone-600"
-                                    type="button"
-                                    :disabled="isLoading"
-                                    @click.stop="regenerateRecoveryCodes"
+                                    ref="regenerateFormRef"
+                                    :action="route('two-factor.recovery-codes')"
+                                    method="post"
+                                    #default="{ processing }"
                                 >
-                                    {{ isLoading ? 'Regenerating...' : 'Regenerate Codes' }}
-                                </Button>
+                                    <Button size="sm" variant="outline" class="text-stone-600" type="submit" :disabled="processing" @click.stop>
+                                        {{ processing ? 'Regenerating...' : 'Regenerate Codes' }}
+                                    </Button>
+                                </Form>
                             </div>
 
                             <div
@@ -370,25 +330,29 @@ const toggleRecoveryCodes = () => {
                                 }"
                             >
                                 <div class="grid max-w-xl gap-1 bg-stone-200 px-4 py-4 font-mono text-sm dark:bg-stone-900 dark:text-stone-100">
-                                    <div v-for="(code, index) in recoveryCodesList" :key="index">{{ code }}</div>
+                                    <div v-for="(code, index) in props.recoveryCodes" :key="index">{{ code }}</div>
                                 </div>
                                 <p class="px-4 py-3 text-xs text-stone-500 select-none dark:text-stone-400">
-                                    You have {{ recoveryCodesList.length }} recovery codes left. Each can be used once to access your account and will
-                                    be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
+                                    You have {{ props.recoveryCodes.length }} recovery codes left. Each can be used once to access your account and
+                                    will be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
                                 </p>
                             </div>
                         </div>
                     </div>
 
                     <div class="relative inline">
-                        <Button
-                            variant="destructive"
-                            type="button"
-                            :disabled="isLoading"
-                            @click="disable"
+                        <Form
+                            ref="disableFormRef"
+                            :action="route('two-factor.disable')"
+                            method="delete"
+                            @success="handleDisableSuccess"
+                            @error="handleDisableError"
+                            #default="{ processing }"
                         >
-                            {{ isLoading ? 'Disabling...' : 'Disable 2FA' }}
-                        </Button>
+                            <Button variant="destructive" type="submit" :disabled="processing">
+                                {{ processing ? 'Disabling...' : 'Disable 2FA' }}
+                            </Button>
+                        </Form>
                     </div>
                 </div>
             </div>

From 62c4b523dd4d5e8c6cd63fecf5ae16601952168a Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 15:13:14 +0530
Subject: [PATCH 05/58] feat: add PinInput component and update TwoFactor UI
 with reka-ui 2.4.1 enhancements

---
 package-lock.json                             |  2 +-
 package.json                                  |  2 +-
 .../js/components/ui/pin-input/PinInput.vue   | 25 +++++
 .../components/ui/pin-input/PinInputGroup.vue | 21 +++++
 .../ui/pin-input/PinInputSeparator.vue        | 19 ++++
 .../components/ui/pin-input/PinInputSlot.vue  | 21 +++++
 resources/js/components/ui/pin-input/index.ts |  4 +
 resources/js/pages/settings/TwoFactor.vue     | 92 +++++++------------
 8 files changed, 125 insertions(+), 61 deletions(-)
 create mode 100644 resources/js/components/ui/pin-input/PinInput.vue
 create mode 100644 resources/js/components/ui/pin-input/PinInputGroup.vue
 create mode 100644 resources/js/components/ui/pin-input/PinInputSeparator.vue
 create mode 100644 resources/js/components/ui/pin-input/PinInputSlot.vue
 create mode 100644 resources/js/components/ui/pin-input/index.ts

diff --git a/package-lock.json b/package-lock.json
index cb7fb9e8..ecda922d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,7 @@
                 "concurrently": "^9.0.1",
                 "laravel-vite-plugin": "^2.0.0",
                 "lucide-vue-next": "^0.468.0",
-                "reka-ui": "^2.2.0",
+                "reka-ui": "^2.4.1",
                 "tailwind-merge": "^3.2.0",
                 "tailwindcss": "^4.1.1",
                 "tw-animate-css": "^1.2.5",
diff --git a/package.json b/package.json
index bd5d6919..831acb01 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
         "concurrently": "^9.0.1",
         "laravel-vite-plugin": "^2.0.0",
         "lucide-vue-next": "^0.468.0",
-        "reka-ui": "^2.2.0",
+        "reka-ui": "^2.4.1",
         "tailwind-merge": "^3.2.0",
         "tailwindcss": "^4.1.1",
         "tw-animate-css": "^1.2.5",
diff --git a/resources/js/components/ui/pin-input/PinInput.vue b/resources/js/components/ui/pin-input/PinInput.vue
new file mode 100644
index 00000000..77a69da4
--- /dev/null
+++ b/resources/js/components/ui/pin-input/PinInput.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import type { PinInputRootEmits, PinInputRootProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { PinInputRoot, useForwardPropsEmits } from "reka-ui"
+import { cn } from "@/lib/utils"
+
+const props = withDefaults(defineProps<PinInputRootProps & { class?: HTMLAttributes["class"] }>(), {
+  modelValue: () => [],
+})
+const emits = defineEmits<PinInputRootEmits>()
+
+const delegatedProps = reactiveOmit(props, "class")
+
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
+</script>
+
+<template>
+  <PinInputRoot
+    data-slot="pin-input"
+    v-bind="forwarded" :class="cn('flex items-center gap-2 has-disabled:opacity-50 disabled:cursor-not-allowed', props.class)"
+  >
+    <slot />
+  </PinInputRoot>
+</template>
diff --git a/resources/js/components/ui/pin-input/PinInputGroup.vue b/resources/js/components/ui/pin-input/PinInputGroup.vue
new file mode 100644
index 00000000..f5aff443
--- /dev/null
+++ b/resources/js/components/ui/pin-input/PinInputGroup.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import type { PrimitiveProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { Primitive, useForwardProps } from "reka-ui"
+import { cn } from "@/lib/utils"
+
+const props = defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>()
+const delegatedProps = reactiveOmit(props, "class")
+const forwardedProps = useForwardProps(delegatedProps)
+</script>
+
+<template>
+  <Primitive
+    data-slot="pin-input-group"
+    v-bind="forwardedProps"
+    :class="cn('flex items-center', props.class)"
+  >
+    <slot />
+  </Primitive>
+</template>
diff --git a/resources/js/components/ui/pin-input/PinInputSeparator.vue b/resources/js/components/ui/pin-input/PinInputSeparator.vue
new file mode 100644
index 00000000..1d46418f
--- /dev/null
+++ b/resources/js/components/ui/pin-input/PinInputSeparator.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import type { PrimitiveProps } from "reka-ui"
+import { Minus } from "lucide-vue-next"
+import { Primitive, useForwardProps } from "reka-ui"
+
+const props = defineProps<PrimitiveProps>()
+const forwardedProps = useForwardProps(props)
+</script>
+
+<template>
+  <Primitive
+    data-slot="pin-input-separator"
+    v-bind="forwardedProps"
+  >
+    <slot>
+      <Minus />
+    </slot>
+  </Primitive>
+</template>
diff --git a/resources/js/components/ui/pin-input/PinInputSlot.vue b/resources/js/components/ui/pin-input/PinInputSlot.vue
new file mode 100644
index 00000000..c9a3c954
--- /dev/null
+++ b/resources/js/components/ui/pin-input/PinInputSlot.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import type { PinInputInputProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { PinInputInput, useForwardProps } from "reka-ui"
+import { cn } from "@/lib/utils"
+
+const props = defineProps<PinInputInputProps & { class?: HTMLAttributes["class"] }>()
+
+const delegatedProps = reactiveOmit(props, "class")
+
+const forwardedProps = useForwardProps(delegatedProps)
+</script>
+
+<template>
+  <PinInputInput
+    data-slot="pin-input-slot"
+    v-bind="forwardedProps"
+    :class="cn('border-input focus:border-ring focus:ring-ring/50 focus:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:focus:aria-invalid:ring-destructive/40 aria-invalid:border-destructive focus:aria-invalid:border-destructive relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none text-center first:rounded-l-md first:border-l last:rounded-r-md focus:z-10 focus:ring-[3px]', props.class)"
+  />
+</template>
diff --git a/resources/js/components/ui/pin-input/index.ts b/resources/js/components/ui/pin-input/index.ts
new file mode 100644
index 00000000..74faa6c9
--- /dev/null
+++ b/resources/js/components/ui/pin-input/index.ts
@@ -0,0 +1,4 @@
+export { default as PinInput } from "./PinInput.vue"
+export { default as PinInputGroup } from "./PinInputGroup.vue"
+export { default as PinInputSeparator } from "./PinInputSeparator.vue"
+export { default as PinInputSlot } from "./PinInputSlot.vue"
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 02dceca6..681618cf 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -39,24 +39,10 @@ const verifyStep = ref(false);
 const showingRecoveryCodes = ref(false);
 const showModal = ref(false);
 
-// Form refs
-const enableFormRef = ref();
-const confirmFormRef = ref();
-const disableFormRef = ref();
-const regenerateFormRef = ref();
-
-const handleEnableSuccess = (): void => {
+const showTwoFactorEnableModal = (): void => {
     showModal.value = true;
 };
 
-const handleEnableError = (): void => {
-    error.value = 'Failed to enable two-factor authentication';
-};
-
-const handleEnableFinish = (): void => {
-    // Form component handles loading state automatically
-};
-
 const handleConfirmSuccess = (): void => {
     verifyStep.value = false;
     showModal.value = false;
@@ -70,14 +56,6 @@ const handleConfirmError = (errors: any): void => {
     pinValue.value = [];
 };
 
-const handleDisableSuccess = (): void => {
-    showingRecoveryCodes.value = false;
-};
-
-const handleDisableError = (): void => {
-    console.error('Error disabling 2FA');
-};
-
 const copyToClipboard = (text: string): void => {
     navigator.clipboard.writeText(text).then(() => (copied.value = true));
     setTimeout(() => (copied.value = false), 1500);
@@ -100,20 +78,17 @@ const toggleRecoveryCodes = () => {
                 <HeadingSmall title="Two-Factor Authentication" description="Manage your two-factor authentication settings" />
                 <div v-if="!props.confirmed" class="flex flex-col items-start justify-start space-y-5">
                     <Badge variant="outline" class="border-orange-200 bg-orange-50 text-orange-700 hover:bg-orange-50"> Disabled </Badge>
-                    <p class="-translate-y-1 text-stone-500 dark:text-stone-400">
+                    <p class="-translate-y-1 text-muted-foreground">
                         When you enable 2FA, you'll be prompted for a secure code during login, which can be retrieved from your phone's TOTP
                         supported app.
                     </p>
                     <Dialog :open="showModal" @update:open="showModal = $event">
                         <DialogTrigger as-child>
                             <Form
-                                ref="enableFormRef"
                                 :async="false"
                                 :action="route('two-factor.enable')"
                                 method="post"
-                                @success="handleEnableSuccess"
-                                @error="handleEnableError"
-                                @finish="handleEnableFinish"
+                                @success="showTwoFactorEnableModal"
                                 #default="{ processing }"
                             >
                                 <Button type="submit" :disabled="processing">
@@ -123,15 +98,19 @@ const toggleRecoveryCodes = () => {
                         </DialogTrigger>
                         <DialogContent class="sm:max-w-md">
                             <DialogHeader class="flex items-center justify-center">
-                                <div class="mb-3 w-auto rounded-full border border-stone-100 bg-white p-0.5 shadow-sm dark:border-stone-600 dark:bg-stone-800">
-                                    <div class="relative overflow-hidden rounded-full border border-stone-200 bg-stone-100 p-2.5 dark:border-stone-600 dark:bg-stone-200">
-                                        <div class="absolute inset-0 flex h-full w-full items-stretch justify-around divide-x divide-stone-200 opacity-50 dark:divide-stone-300 [&>div]:flex-1">
+                                <div class="mb-3 w-auto rounded-full border border-border bg-card p-0.5 shadow-sm">
+                                    <div class="relative overflow-hidden rounded-full border border-border bg-muted p-2.5">
+                                        <div
+                                            class="absolute inset-0 flex size-full items-stretch justify-around divide-x divide-border opacity-50 [&>div]:flex-1"
+                                        >
                                             <div v-for="i in 5" :key="i"></div>
                                         </div>
-                                        <div class="absolute inset-0 flex h-full w-full flex-col items-stretch justify-around divide-y divide-stone-200 opacity-50 dark:divide-stone-300 [&>div]:flex-1">
+                                        <div
+                                            class="absolute inset-0 flex size-full flex-col items-stretch justify-around divide-y divide-border opacity-50 [&>div]:flex-1"
+                                        >
                                             <div v-for="i in 5" :key="i"></div>
                                         </div>
-                                        <ScanLine class="relative z-20 size-6 dark:text-black" />
+                                        <ScanLine class="relative z-20 size-6 text-foreground" />
                                     </div>
                                 </div>
                                 <DialogTitle>
@@ -149,19 +128,17 @@ const toggleRecoveryCodes = () => {
                             <div class="relative flex w-auto flex-col items-center justify-center space-y-5">
                                 <template v-if="!verifyStep">
                                     <div class="relative mx-auto flex max-w-md items-center overflow-hidden">
-                                        <div
-                                            class="relative mx-auto aspect-square w-64 overflow-hidden rounded-lg border border-stone-200 dark:border-stone-700"
-                                        >
+                                        <div class="relative mx-auto aspect-square w-64 overflow-hidden rounded-lg border border-border">
                                             <div
                                                 v-if="!props.qrCodeSvg"
-                                                class="absolute inset-0 z-10 flex aspect-square h-auto w-full animate-pulse items-center justify-center bg-white dark:bg-stone-700"
+                                                class="absolute inset-0 z-10 flex aspect-square h-auto w-full animate-pulse items-center justify-center bg-background"
                                             >
                                                 <Loader2 class="size-6 animate-spin" />
                                             </div>
                                             <div v-else class="relative z-10 overflow-hidden border p-5">
                                                 <div
                                                     v-html="props.qrCodeSvg"
-                                                    class="flex aspect-square h-full w-full items-center justify-center"
+                                                    class="flex aspect-square size-full items-center justify-center"
                                                 ></div>
                                                 <div v-if="props.qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
                                                     <div
@@ -192,16 +169,13 @@ const toggleRecoveryCodes = () => {
                                     </div>
 
                                     <div class="relative flex w-full items-center justify-center">
-                                        <div class="absolute inset-0 top-1/2 h-px w-full bg-stone-200 dark:bg-stone-600"></div>
-                                        <span class="relative bg-white px-2 py-1 dark:bg-stone-800"> or, enter the code manually </span>
+                                        <div class="absolute inset-0 top-1/2 h-px w-full bg-border"></div>
+                                        <span class="relative bg-card px-2 py-1"> or, enter the code manually </span>
                                     </div>
 
                                     <div class="flex w-full items-center justify-center space-x-2">
-                                        <div class="flex w-full items-stretch overflow-hidden rounded-xl border dark:border-stone-700">
-                                            <div
-                                                v-if="!props.secretKey"
-                                                class="flex h-full w-full items-center justify-center bg-stone-100 p-3 dark:bg-stone-700"
-                                            >
+                                        <div class="flex w-full items-stretch overflow-hidden rounded-xl border border-border">
+                                            <div v-if="!props.secretKey" class="flex h-full w-full items-center justify-center bg-muted p-3">
                                                 <Loader2 class="size-4 animate-spin" />
                                             </div>
                                             <template v-else>
@@ -209,11 +183,11 @@ const toggleRecoveryCodes = () => {
                                                     type="text"
                                                     readonly
                                                     :value="props.secretKey"
-                                                    class="h-full w-full bg-white p-3 text-black dark:bg-stone-800 dark:text-stone-100"
+                                                    class="h-full w-full bg-background p-3 text-foreground"
                                                 />
                                                 <button
                                                     @click="copyToClipboard(props.secretKey || '')"
-                                                    class="relative block h-auto border-l border-stone-200 px-3 hover:bg-stone-100 dark:border-stone-600 dark:hover:bg-stone-600"
+                                                    class="relative block h-auto border-l border-border px-3 hover:bg-muted"
                                                 >
                                                     <Check v-if="copied" class="w-4 text-green-500" />
                                                     <Copy v-else class="w-4" />
@@ -225,9 +199,9 @@ const toggleRecoveryCodes = () => {
 
                                 <template v-else>
                                     <Form
-                                        ref="confirmFormRef"
                                         :action="route('two-factor.confirm')"
                                         method="post"
+                                        :async="false"
                                         @success="handleConfirmSuccess"
                                         @error="handleConfirmError"
                                         #default="{ processing }"
@@ -279,23 +253,23 @@ const toggleRecoveryCodes = () => {
 
                 <div v-if="props.confirmed" class="flex flex-col items-start justify-start space-y-5">
                     <Badge variant="outline" class="border-green-200 bg-green-50 text-green-700 hover:bg-green-50"> Enabled </Badge>
-                    <p class="text-stone-500 dark:text-stone-400">
+                    <p class="text-muted-foreground">
                         With two factor authentication enabled, you'll be prompted for a secure, random token during login, which you can retrieve
                         from your TOTP Authenticator app.
                     </p>
 
                     <div>
-                        <div class="flex items-start rounded-t-xl border border-stone-200 bg-stone-50 p-4 dark:border-stone-700 dark:bg-stone-800">
+                        <div class="flex items-start rounded-t-xl border border-muted p-4">
                             <LockKeyhole class="mr-2 size-5 text-stone-500" />
                             <div class="space-y-1">
                                 <h3 class="font-medium">2FA Recovery Codes</h3>
-                                <p class="text-sm text-stone-500 dark:text-stone-400">
+                                <p class="text-sm text-muted-foreground">
                                     Recovery codes let you regain access if you lose your 2FA device. Store them in a secure password manager.
                                 </p>
                             </div>
                         </div>
 
-                        <div class="rounded-b-xl border border-t-0 border-stone-200 bg-stone-100 text-sm dark:border-stone-700 dark:bg-stone-800">
+                        <div class="rounded-b-xl border border-t-0 border-stone-200 bg-secondary dark:border-stone-700 text-sm">
                             <div
                                 @click="toggleRecoveryCodes"
                                 class="group flex h-10 cursor-pointer items-center justify-between px-5 text-xs select-none"
@@ -311,12 +285,14 @@ const toggleRecoveryCodes = () => {
 
                                 <Form
                                     v-if="showingRecoveryCodes"
-                                    ref="regenerateFormRef"
                                     :action="route('two-factor.recovery-codes')"
                                     method="post"
                                     #default="{ processing }"
+                                    :options="{
+                                        preserveScroll: true,
+                                    }"
                                 >
-                                    <Button size="sm" variant="outline" class="text-stone-600" type="submit" :disabled="processing" @click.stop>
+                                    <Button size="sm" variant="ghost" class="text-underline" type="submit" :disabled="processing" @click.stop>
                                         {{ processing ? 'Regenerating...' : 'Regenerate Codes' }}
                                     </Button>
                                 </Form>
@@ -329,10 +305,10 @@ const toggleRecoveryCodes = () => {
                                     opacity: showingRecoveryCodes ? 1 : 0,
                                 }"
                             >
-                                <div class="grid max-w-xl gap-1 bg-stone-200 px-4 py-4 font-mono text-sm dark:bg-stone-900 dark:text-stone-100">
+                                <div class="grid max-w-xl gap-1 bg-secondary p-4 font-mono text-sm">
                                     <div v-for="(code, index) in props.recoveryCodes" :key="index">{{ code }}</div>
                                 </div>
-                                <p class="px-4 py-3 text-xs text-stone-500 select-none dark:text-stone-400">
+                                <p class="px-4 py-3 text-xs text-muted-foreground select-none">
                                     You have {{ props.recoveryCodes.length }} recovery codes left. Each can be used once to access your account and
                                     will be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
                                 </p>
@@ -342,11 +318,9 @@ const toggleRecoveryCodes = () => {
 
                     <div class="relative inline">
                         <Form
-                            ref="disableFormRef"
                             :action="route('two-factor.disable')"
                             method="delete"
-                            @success="handleDisableSuccess"
-                            @error="handleDisableError"
+                            async="true"
                             #default="{ processing }"
                         >
                             <Button variant="destructive" type="submit" :disabled="processing">

From 0fb05f8720a48a6dd5d17704fbf8fb8bbab78a4d Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 16:19:35 +0530
Subject: [PATCH 06/58] refactor: replace reka-ui PinInput with custom
 implementation and optimize TwoFactor UI components

---
 .../js/components/ui/pin-input/PinInput.vue   |   6 +-
 .../js/pages/auth/TwoFactorChallenge.vue      | 205 ++++++++----------
 resources/js/pages/settings/TwoFactor.vue     |  42 ++--
 3 files changed, 111 insertions(+), 142 deletions(-)

diff --git a/resources/js/components/ui/pin-input/PinInput.vue b/resources/js/components/ui/pin-input/PinInput.vue
index 77a69da4..95fd4d9c 100644
--- a/resources/js/components/ui/pin-input/PinInput.vue
+++ b/resources/js/components/ui/pin-input/PinInput.vue
@@ -1,14 +1,14 @@
-<script setup lang="ts">
+<script setup lang="ts" generic="Type extends 'text' | 'number' = 'text'">
 import type { PinInputRootEmits, PinInputRootProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { PinInputRoot, useForwardPropsEmits } from "reka-ui"
 import { cn } from "@/lib/utils"
 
-const props = withDefaults(defineProps<PinInputRootProps & { class?: HTMLAttributes["class"] }>(), {
+const props = withDefaults(defineProps<PinInputRootProps<Type> & { class?: HTMLAttributes["class"] }>(), {
   modelValue: () => [],
 })
-const emits = defineEmits<PinInputRootEmits>()
+const emits = defineEmits<PinInputRootEmits<Type>>()
 
 const delegatedProps = reactiveOmit(props, "class")
 
diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index 1472b7a2..59573b0d 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -5,134 +5,115 @@ import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import InputError from '@/components/InputError.vue';
 import AuthLayout from '@/layouts/AuthLayout.vue';
-import { PinInputRoot, PinInputInput } from 'reka-ui';
+import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 
 const recovery = ref(false);
-const pinValue = ref<string[]>([]);
+const pinValue = ref<number[]>([]);
 const pinInputContainerRef = ref<HTMLElement | null>(null);
 const recoveryInputRef = ref<HTMLInputElement | null>(null);
 
 const codeValue = computed(() => pinValue.value.join(''));
 
 watch(recovery, (value) => {
-  if (value) {
-    nextTick(() => {
-      if (recoveryInputRef.value) {
-          recoveryInputRef.value?.focus();
-      }
-    });
-  } else {
-    nextTick(() => {
-      if (pinInputContainerRef.value) {
-        const firstInput = pinInputContainerRef.value.querySelector('input');
-        if (firstInput) firstInput.focus();
-      }
-    });
-  }
-})
+    if (value) {
+        nextTick(() => {
+            if (recoveryInputRef.value) {
+                recoveryInputRef.value?.focus();
+            }
+        });
+    } else {
+        nextTick(() => {
+            if (pinInputContainerRef.value) {
+                const firstInput = pinInputContainerRef.value.querySelector('input');
+                if (firstInput) firstInput.focus();
+            }
+        });
+    }
+});
 
 const toggleRecovery = (clearErrors: () => void) => {
-  recovery.value = !recovery.value;
-  clearErrors();
-  pinValue.value = [];
-  const codeInput = document.querySelector('input[name="code"]') as HTMLInputElement;
-  const recoveryInput = document.querySelector('input[name="recovery_code"]') as HTMLInputElement;
-  if (codeInput) codeInput.value = '';
-  if (recoveryInput) recoveryInput.value = '';
+    recovery.value = !recovery.value;
+    clearErrors();
+    pinValue.value = [];
+    const codeInput = document.querySelector('input[name="code"]') as HTMLInputElement;
+    const recoveryInput = document.querySelector('input[name="recovery_code"]') as HTMLInputElement;
+    if (codeInput) codeInput.value = '';
+    if (recoveryInput) recoveryInput.value = '';
 };
 </script>
 
 <template>
-  <AuthLayout
-    :title="recovery ? 'Recovery Code' : 'Authentication Code'"
-    :description="recovery
-      ? 'Please confirm access to your account by entering one of your emergency recovery codes.'
-      : 'Enter the authentication code provided by your authenticator application.'"
-  >
-    <Head title="Two Factor Authentication" />
+    <AuthLayout
+        :title="recovery ? 'Recovery Code' : 'Authentication Code'"
+        :description="
+            recovery
+                ? 'Please confirm access to your account by entering one of your emergency recovery codes.'
+                : 'Enter the authentication code provided by your authenticator application.'
+        "
+    >
+        <Head title="Two Factor Authentication" />
 
-    <div class="relative space-y-2">
-      <template v-if="!recovery">
-        <Form
-          :action="route('two-factor.login')"
-          method="post"
-          class="space-y-4"
-          #default="{ errors, processing, clearErrors }"
-        >
-          <input type="hidden" name="code" :value="codeValue" />
-          <div class="flex flex-col items-center justify-center space-y-3 text-center">
-            <div ref="pinInputContainerRef" class="w-full flex items-center justify-center">
-              <PinInputRoot
-                id="otp"
-                v-model="pinValue"
-                placeholder="○"
-                class="flex gap-2 items-center mt-1"
-              >
-                <PinInputInput
-                  v-for="(id, index) in 6"
-                  :key="id"
-                  :index="index"
-                  :autofocus="index === 0"
-                  class="w-10 h-10 rounded-lg text-center shadow-sm border text-green10 placeholder:text-mauve8 focus:shadow-[0_0_0_2px] focus:shadow-stone-800 outline-none"
-                />
-              </PinInputRoot>
-            </div>
-            <InputError :message="errors.code" />
-          </div>
-          <Button
-            type="submit"
-            class="w-full"
-            :disabled="processing || pinValue.length !== 6"
-          >
-            Continue
-          </Button>
+        <div class="relative space-y-2">
+            <template v-if="!recovery">
+                <Form :action="route('two-factor.login')" method="post" class="space-y-4" #default="{ errors, processing, clearErrors }">
+                    <input type="hidden" name="code" :value="codeValue" />
+                    <div class="flex flex-col items-center justify-center space-y-3 text-center">
+                        <div ref="pinInputContainerRef" class="flex w-full items-center justify-center">
+                            <PinInput id="otp" v-model="pinValue" class="mt-1" type="number" otp>
+                                <PinInputGroup class="gap-2">
+                                    <PinInputSlot
+                                        v-for="(id, index) in 6"
+                                        :key="id"
+                                        :index="index"
+                                        :autofocus="index === 0"
+                                        class="h-10 w-10 rounded-lg"
+                                    />
+                                </PinInputGroup>
+                            </PinInput>
+                        </div>
+                        <InputError :message="errors.code" />
+                    </div>
+                    <Button type="submit" class="w-full" :disabled="processing || pinValue.length !== 6"> Continue </Button>
 
-          <div class="space-x-0.5 text-center text-sm leading-5 text-muted-foreground mt-4">
-            <span class="opacity-80">or you can </span>
-            <button
-              type="button"
-              class="font-medium underline opacity-80 cursor-pointer bg-transparent border-0 p-0"
-              @click="() => toggleRecovery(clearErrors)"
-            >
-              login using a recovery code
-            </button>
-          </div>
-        </Form>
-      </template>
+                    <div class="mt-4 space-x-0.5 text-center text-sm leading-5 text-muted-foreground">
+                        <span class="opacity-80">or you can </span>
+                        <button
+                            type="button"
+                            class="cursor-pointer border-0 bg-transparent p-0 font-medium underline opacity-80"
+                            @click="() => toggleRecovery(clearErrors)"
+                        >
+                            login using a recovery code
+                        </button>
+                    </div>
+                </Form>
+            </template>
 
-      <template v-else>
-        <Form
-          :action="route('two-factor.login')"
-          method="post"
-          class="space-y-4"
-          #default="{ errors, processing, clearErrors }"
-        >
-          <Input
-            ref="recoveryInputRef"
-            name="recovery_code"
-            type="text"
-            class="block w-full"
-            placeholder="Enter recovery code"
-            autofocus
-            required
-          />
-          <InputError :message="errors.recovery_code" />
-          <Button type="submit" class="w-full" :disabled="processing">
-            Continue
-          </Button>
+            <template v-else>
+                <Form :action="route('two-factor.login')" method="post" class="space-y-4" #default="{ errors, processing, clearErrors }">
+                    <Input
+                        ref="recoveryInputRef"
+                        name="recovery_code"
+                        type="text"
+                        class="block w-full"
+                        placeholder="Enter recovery code"
+                        autofocus
+                        required
+                    />
+                    <InputError :message="errors.recovery_code" />
+                    <Button type="submit" class="w-full" :disabled="processing"> Continue </Button>
 
-          <div class="space-x-0.5 text-center text-sm leading-5 text-muted-foreground mt-4">
-            <span class="opacity-80">or you can </span>
-            <button
-              type="button"
-              class="font-medium underline opacity-80 cursor-pointer bg-transparent border-0 p-0"
-              @click="() => toggleRecovery(clearErrors)"
-            >
-              login using an authentication code
-            </button>
-          </div>
-        </Form>
-      </template>
-    </div>
-  </AuthLayout>
+                    <div class="mt-4 space-x-0.5 text-center text-sm leading-5 text-muted-foreground">
+                        <span class="opacity-80">or you can </span>
+                        <button
+                            type="button"
+                            class="cursor-pointer border-0 bg-transparent p-0 font-medium underline opacity-80"
+                            @click="() => toggleRecovery(clearErrors)"
+                        >
+                            login using an authentication code
+                        </button>
+                    </div>
+                </Form>
+            </template>
+        </div>
+    </AuthLayout>
 </template>
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 681618cf..2366de43 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -2,10 +2,10 @@
 import HeadingSmall from '@/components/HeadingSmall.vue';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
+import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
 import { Form, Head } from '@inertiajs/vue3';
-import { PinInputInput, PinInputRoot } from 'reka-ui';
 import { computed, ComputedRef, nextTick, ref } from 'vue';
 
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
@@ -136,10 +136,7 @@ const toggleRecoveryCodes = () => {
                                                 <Loader2 class="size-6 animate-spin" />
                                             </div>
                                             <div v-else class="relative z-10 overflow-hidden border p-5">
-                                                <div
-                                                    v-html="props.qrCodeSvg"
-                                                    class="flex aspect-square size-full items-center justify-center"
-                                                ></div>
+                                                <div v-html="props.qrCodeSvg" class="flex aspect-square size-full items-center justify-center"></div>
                                                 <div v-if="props.qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
                                                     <div
                                                         class="absolute inset-x-0 h-0.5 bg-blue-500 opacity-60 transition-all duration-300 ease-in-out"
@@ -209,21 +206,17 @@ const toggleRecoveryCodes = () => {
                                         <input type="hidden" name="code" :value="code" />
                                         <div ref="pinInputContainerRef" class="relative w-full space-y-3">
                                             <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
-                                                <PinInputRoot
-                                                    id="otp"
-                                                    type="number"
-                                                    v-model="pinValue"
-                                                    placeholder="○"
-                                                    class="mt-1 flex items-center gap-2"
-                                                >
-                                                    <PinInputInput
-                                                        v-for="(id, index) in 6"
-                                                        :key="id"
-                                                        :index="index"
-                                                        :disabled="processing"
-                                                        class="h-10 w-10 rounded-lg border border-input bg-background text-center text-foreground shadow-sm outline-none placeholder:text-muted-foreground focus:shadow-[0_0_0_2px] focus:shadow-ring disabled:cursor-not-allowed disabled:opacity-50"
-                                                    />
-                                                </PinInputRoot>
+                                                <PinInput id="otp" v-model="pinValue" class="mt-1" type="number" otp>
+                                                    <PinInputGroup class="gap-2">
+                                                        <PinInputSlot
+                                                            v-for="(id, index) in 6"
+                                                            :key="id"
+                                                            :index="index"
+                                                            :disabled="processing"
+                                                            class="h-10 w-10 rounded-lg"
+                                                        />
+                                                    </PinInputGroup>
+                                                </PinInput>
                                                 <div v-if="error" class="mt-2 text-sm text-red-600">
                                                     {{ error }}
                                                 </div>
@@ -269,7 +262,7 @@ const toggleRecoveryCodes = () => {
                             </div>
                         </div>
 
-                        <div class="rounded-b-xl border border-t-0 border-stone-200 bg-secondary dark:border-stone-700 text-sm">
+                        <div class="rounded-b-xl border border-t-0 border-stone-200 bg-secondary text-sm dark:border-stone-700">
                             <div
                                 @click="toggleRecoveryCodes"
                                 class="group flex h-10 cursor-pointer items-center justify-between px-5 text-xs select-none"
@@ -317,12 +310,7 @@ const toggleRecoveryCodes = () => {
                     </div>
 
                     <div class="relative inline">
-                        <Form
-                            :action="route('two-factor.disable')"
-                            method="delete"
-                            async="true"
-                            #default="{ processing }"
-                        >
+                        <Form :action="route('two-factor.disable')" method="delete" async="true" #default="{ processing }">
                             <Button variant="destructive" type="submit" :disabled="processing">
                                 {{ processing ? 'Disabling...' : 'Disable 2FA' }}
                             </Button>

From ae01a159b2265b4e03564f5723b912b6cf732a61 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 16:25:32 +0530
Subject: [PATCH 07/58] refactor: revert unneeded changes

---
 .../Controllers/Auth/AuthenticatedSessionController.php     | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/app/Http/Controllers/Auth/AuthenticatedSessionController.php b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
index 3dd6e34e..dbb93653 100644
--- a/app/Http/Controllers/Auth/AuthenticatedSessionController.php
+++ b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
@@ -29,11 +29,7 @@ public function create(Request $request): Response
      */
     public function store(LoginRequest $request): RedirectResponse
     {
-        $result = $request->authenticate();
-
-        if ($result instanceof RedirectResponse) {
-            return $result;
-        }
+        $request->authenticate();
 
         $request->session()->regenerate();
 

From ea4d231a49e8def5a66565d2aa26fb3db75b0aed Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 16:37:10 +0530
Subject: [PATCH 08/58] refactor: simplify two-factor authentication

---
 .../TwoFactorAuthenticationController.php     | 22 ++++++++++++-------
 .../Settings/TwoFactorAuthenticationTest.php  |  2 --
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 4abe1cec..0b6fe65f 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -1,28 +1,34 @@
 <?php
 
-declare(strict_types=1);
-
 namespace App\Http\Controllers\Settings;
 
 use App\Http\Controllers\Controller;
-use App\Models\User;
 use Illuminate\Http\Request;
 use Inertia\Inertia;
 use Inertia\Response;
 
 class TwoFactorAuthenticationController extends Controller
 {
+    /**
+     * Show the user's two-factor authentication settings page.
+     */
     public function show(Request $request): Response
     {
         $user = $request->user();
-        $confirmed = ! is_null($user->two_factor_confirmed_at);
-        $hasTwoFactorSecret = ! is_null($user->two_factor_secret);
+
+        $confirmed = filled($user->two_factor_confirmed_at);
+        $hasSecret = filled($user->two_factor_secret);
+        $showSetup = ! $confirmed && $hasSecret;
+
+        $recoveryCodes = $hasSecret && filled($user->two_factor_recovery_codes)
+            ? (json_decode(decrypt($user->two_factor_recovery_codes), true) ?: [])
+            : [];
 
         return Inertia::render('settings/TwoFactor', [
             'confirmed' => $confirmed,
-            'recoveryCodes' => $hasTwoFactorSecret ? json_decode(decrypt($user->two_factor_recovery_codes)) : [],
-            'qrCodeSvg' => !$confirmed && $hasTwoFactorSecret ? $user->twoFactorQrCodeSvg() : null,
-            'secretKey' => !$confirmed && $hasTwoFactorSecret ? decrypt($user->two_factor_secret) : null,
+            'recoveryCodes' => $recoveryCodes,
+            'qrCodeSvg' => $showSetup ? $user->twoFactorQrCodeSvg() : null,
+            'secretKey' => $showSetup ? decrypt($user->two_factor_secret) : null,
         ]);
     }
 }
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index 24e57b6f..6aa41545 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -1,7 +1,5 @@
 <?php
 
-declare(strict_types=1);
-
 namespace Tests\Feature\Settings;
 
 use App\Models\User;

From b1b183d862a36a0aa0c3f069cc04d4c242fa9d30 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 18:10:46 +0530
Subject: [PATCH 09/58] feat: update two-factor authentication to delay login
 until confirmation

---
 .../Auth/AuthenticatedSessionController.php   | 14 ++++++++-
 app/Http/Requests/Auth/LoginRequest.php       | 30 +++++--------------
 app/Providers/FortifyServiceProvider.php      |  2 +-
 3 files changed, 21 insertions(+), 25 deletions(-)

diff --git a/app/Http/Controllers/Auth/AuthenticatedSessionController.php b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
index dbb93653..62a137bc 100644
--- a/app/Http/Controllers/Auth/AuthenticatedSessionController.php
+++ b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
@@ -10,6 +10,7 @@
 use Illuminate\Support\Facades\Route;
 use Inertia\Inertia;
 use Inertia\Response;
+use Laravel\Fortify\Features;
 
 class AuthenticatedSessionController extends Controller
 {
@@ -29,7 +30,18 @@ public function create(Request $request): Response
      */
     public function store(LoginRequest $request): RedirectResponse
     {
-        $request->authenticate();
+        $user = $request->validateCredentials();
+
+        if (Features::enabled(Features::twoFactorAuthentication()) && filled($user->two_factor_confirmed_at)) {
+            $request->session()->put([
+                'login.id' => $user->getKey(),
+                'login.remember' => $request->boolean('remember'),
+            ]);
+
+            return redirect()->route('two-factor.login');
+        }
+
+        Auth::login($user, $request->boolean('remember'));
 
         $request->session()->regenerate();
 
diff --git a/app/Http/Requests/Auth/LoginRequest.php b/app/Http/Requests/Auth/LoginRequest.php
index 5173fded..e943a6cd 100644
--- a/app/Http/Requests/Auth/LoginRequest.php
+++ b/app/Http/Requests/Auth/LoginRequest.php
@@ -6,11 +6,9 @@
 use Illuminate\Auth\Events\Lockout;
 use Illuminate\Foundation\Http\FormRequest;
 use Illuminate\Support\Facades\Auth;
-use Illuminate\Support\Facades\Hash;
 use Illuminate\Support\Facades\RateLimiter;
 use Illuminate\Support\Str;
 use Illuminate\Validation\ValidationException;
-use Laravel\Fortify\Features;
 
 class LoginRequest extends FormRequest
 {
@@ -36,34 +34,18 @@ public function rules(): array
     }
 
     /**
-     * Attempt to authenticate the request's credentials.
+     * Validate the request's credentials and return the user without logging them in.
      *
      * @throws \Illuminate\Validation\ValidationException
      */
-    public function authenticate()
+    public function validateCredentials(): User
     {
         $this->ensureIsNotRateLimited();
 
-        // Check if two-factor authentication is enabled
-        if (Features::enabled(Features::twoFactorAuthentication())) {
-            $user = User::where('email', $this->email)->first();
+        /** @var User $user */
+        $user = Auth::getProvider()->retrieveByCredentials($this->only('email', 'password'));
 
-            // If this user exists, the password is correct, and 2FA is enabled; we want to redirect to the 2FA challenge
-            if ($user && $user->two_factor_confirmed_at && Hash::check($this->password, $user->password)) {
-                // Store the user ID and remember preference in the session
-                $this->session()->put([
-                    'login.id' => $user->getKey(),
-                    'login.remember' => $this->boolean('remember'),
-                ]);
-
-                RateLimiter::clear($this->throttleKey());
-
-                return redirect()->route('two-factor.login');
-            }
-        }
-
-        // Proceed with normal authentication if 2FA is not enabled or the user doesn't have 2FA
-        if (! Auth::attempt($this->only('email', 'password'), $this->boolean('remember'))) {
+        if (! $user || ! Auth::getProvider()->validateCredentials($user, $this->only('password'))) {
             RateLimiter::hit($this->throttleKey());
 
             throw ValidationException::withMessages([
@@ -72,6 +54,8 @@ public function authenticate()
         }
 
         RateLimiter::clear($this->throttleKey());
+
+        return $user;
     }
 
     /**
diff --git a/app/Providers/FortifyServiceProvider.php b/app/Providers/FortifyServiceProvider.php
index a47a1aa9..b29691a4 100644
--- a/app/Providers/FortifyServiceProvider.php
+++ b/app/Providers/FortifyServiceProvider.php
@@ -25,7 +25,7 @@ public function boot(): void
             return Inertia::render('auth/ConfirmPassword');
         });
 
-         RateLimiter::for('login', function (Request $request) {
+        RateLimiter::for('login', function (Request $request) {
             $throttleKey = Str::transliterate(Str::lower((string) $request->string(Fortify::username())).'|'.$request->ip());
 
             return Limit::perMinute(5)->by($throttleKey);

From 7f78d7e23a82dcffbd7fb7cf1e474ac0276f7be2 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 18:31:06 +0530
Subject: [PATCH 10/58] wip

---
 .../Settings/TwoFactorAuthenticationController.php | 14 +++++---------
 app/Providers/FortifyServiceProvider.php           |  7 -------
 2 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 0b6fe65f..30582bba 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -3,6 +3,7 @@
 namespace App\Http\Controllers\Settings;
 
 use App\Http\Controllers\Controller;
+use App\Models\User;
 use Illuminate\Http\Request;
 use Inertia\Inertia;
 use Inertia\Response;
@@ -14,21 +15,16 @@ class TwoFactorAuthenticationController extends Controller
      */
     public function show(Request $request): Response
     {
+        /** @var User $user */
         $user = $request->user();
 
         $confirmed = filled($user->two_factor_confirmed_at);
-        $hasSecret = filled($user->two_factor_secret);
-        $showSetup = ! $confirmed && $hasSecret;
-
-        $recoveryCodes = $hasSecret && filled($user->two_factor_recovery_codes)
-            ? (json_decode(decrypt($user->two_factor_recovery_codes), true) ?: [])
-            : [];
 
         return Inertia::render('settings/TwoFactor', [
             'confirmed' => $confirmed,
-            'recoveryCodes' => $recoveryCodes,
-            'qrCodeSvg' => $showSetup ? $user->twoFactorQrCodeSvg() : null,
-            'secretKey' => $showSetup ? decrypt($user->two_factor_secret) : null,
+            'recoveryCodes' => filled($user->two_factor_secret) ? json_decode(decrypt($user->two_factor_recovery_codes)) : [],
+            'qrCodeSvg' => !$confirmed && filled($user->two_factor_secret) ? $user->twoFactorQrCodeSvg() : null,
+            'secretKey' => !$confirmed && filled($user->two_factor_secret) ? decrypt($user->two_factor_secret) : null,
         ]);
     }
 }
diff --git a/app/Providers/FortifyServiceProvider.php b/app/Providers/FortifyServiceProvider.php
index b29691a4..b48e8590 100644
--- a/app/Providers/FortifyServiceProvider.php
+++ b/app/Providers/FortifyServiceProvider.php
@@ -6,7 +6,6 @@
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\RateLimiter;
 use Illuminate\Support\ServiceProvider;
-use Illuminate\Support\Str;
 use Inertia\Inertia;
 use Laravel\Fortify\Fortify;
 
@@ -25,12 +24,6 @@ public function boot(): void
             return Inertia::render('auth/ConfirmPassword');
         });
 
-        RateLimiter::for('login', function (Request $request) {
-            $throttleKey = Str::transliterate(Str::lower((string) $request->string(Fortify::username())).'|'.$request->ip());
-
-            return Limit::perMinute(5)->by($throttleKey);
-        });
-
         RateLimiter::for('two-factor', function (Request $request) {
             return Limit::perMinute(5)->by($request->session()->get('login.id'));
         });

From ebda2c6a0053c6e2fdb70d81ed2c5f1a4d3a72ce Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 19:32:07 +0530
Subject: [PATCH 11/58] wip

---
 .../Auth/AuthenticatedSessionController.php   |  4 +-
 .../ConfirmsTwoFactorAuthentication.php       | 71 +++++++++++++++++++
 .../TwoFactorAuthenticationController.php     |  5 ++
 app/Providers/FortifyServiceProvider.php      |  8 +++
 resources/js/pages/settings/TwoFactor.vue     |  8 +--
 5 files changed, 90 insertions(+), 6 deletions(-)
 create mode 100644 app/Http/Controllers/Concerns/ConfirmsTwoFactorAuthentication.php

diff --git a/app/Http/Controllers/Auth/AuthenticatedSessionController.php b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
index 62a137bc..8792c434 100644
--- a/app/Http/Controllers/Auth/AuthenticatedSessionController.php
+++ b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
@@ -10,7 +10,7 @@
 use Illuminate\Support\Facades\Route;
 use Inertia\Inertia;
 use Inertia\Response;
-use Laravel\Fortify\Features;
+use Laravel\Fortify\Fortify;
 
 class AuthenticatedSessionController extends Controller
 {
@@ -32,7 +32,7 @@ public function store(LoginRequest $request): RedirectResponse
     {
         $user = $request->validateCredentials();
 
-        if (Features::enabled(Features::twoFactorAuthentication()) && filled($user->two_factor_confirmed_at)) {
+        if (Fortify::confirmsTwoFactorAuthentication() && filled($user->two_factor_confirmed_at)) {
             $request->session()->put([
                 'login.id' => $user->getKey(),
                 'login.remember' => $request->boolean('remember'),
diff --git a/app/Http/Controllers/Concerns/ConfirmsTwoFactorAuthentication.php b/app/Http/Controllers/Concerns/ConfirmsTwoFactorAuthentication.php
new file mode 100644
index 00000000..cee9ab8e
--- /dev/null
+++ b/app/Http/Controllers/Concerns/ConfirmsTwoFactorAuthentication.php
@@ -0,0 +1,71 @@
+<?php
+
+namespace App\Http\Controllers\Concerns;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Laravel\Fortify\Actions\DisableTwoFactorAuthentication;
+use Laravel\Fortify\Features;
+
+trait ConfirmsTwoFactorAuthentication
+{
+    /**
+     * Validate the two-factor authentication state for the request.
+     */
+    protected function validateTwoFactorAuthenticationState(Request $request): void
+    {
+        if (! Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm')) {
+            return;
+        }
+
+        $currentTime = time();
+
+        // Notate totally disabled state in session...
+        if ($this->twoFactorAuthenticationDisabled($request)) {
+            $request->session()->put('two_factor_empty_at', $currentTime);
+        }
+
+        // If was previously totally disabled this session but is now confirming, notate time...
+        if ($this->hasJustBegunConfirmingTwoFactorAuthentication($request)) {
+            $request->session()->put('two_factor_confirming_at', $currentTime);
+        }
+
+        // If the profile is reloaded and is not confirmed but was previously in confirming state, disable...
+        if ($this->neverFinishedConfirmingTwoFactorAuthentication($request, $currentTime)) {
+            app(DisableTwoFactorAuthentication::class)(Auth::user());
+
+            $request->session()->put('two_factor_empty_at', $currentTime);
+            $request->session()->remove('two_factor_confirming_at');
+        }
+    }
+
+    /**
+     * Determine if two-factor authentication is totally disabled.
+     */
+    protected function twoFactorAuthenticationDisabled(Request $request): bool
+    {
+        return is_null($request->user()->two_factor_secret) &&
+            is_null($request->user()->two_factor_confirmed_at);
+    }
+
+    /**
+     * Determine if two-factor authentication is just now being confirmed within the last request cycle.
+     */
+    protected function hasJustBegunConfirmingTwoFactorAuthentication(Request $request): bool
+    {
+        return ! is_null($request->user()->two_factor_secret) &&
+            is_null($request->user()->two_factor_confirmed_at) &&
+            $request->session()->has('two_factor_empty_at') &&
+            is_null($request->session()->get('two_factor_confirming_at'));
+    }
+
+    /**
+     * Determine if two-factor authentication was never totally confirmed once confirmation started.
+     */
+    protected function neverFinishedConfirmingTwoFactorAuthentication(Request $request, int $currentTime): bool
+    {
+        return ! array_key_exists('code', $request->session()->getOldInput()) &&
+            is_null($request->user()->two_factor_confirmed_at) &&
+            $request->session()->get('two_factor_confirming_at', 0) != $currentTime;
+    }
+}
diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 30582bba..351c4bfd 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -7,14 +7,19 @@
 use Illuminate\Http\Request;
 use Inertia\Inertia;
 use Inertia\Response;
+use App\Http\Controllers\Concerns\ConfirmsTwoFactorAuthentication;
 
 class TwoFactorAuthenticationController extends Controller
 {
+    use ConfirmsTwoFactorAuthentication;
+
     /**
      * Show the user's two-factor authentication settings page.
      */
     public function show(Request $request): Response
     {
+        $this->validateTwoFactorAuthenticationState($request);
+
         /** @var User $user */
         $user = $request->user();
 
diff --git a/app/Providers/FortifyServiceProvider.php b/app/Providers/FortifyServiceProvider.php
index b48e8590..6f2635a1 100644
--- a/app/Providers/FortifyServiceProvider.php
+++ b/app/Providers/FortifyServiceProvider.php
@@ -11,6 +11,14 @@
 
 class FortifyServiceProvider extends ServiceProvider
 {
+    /**
+     * Register any application services.
+     */
+    public function register(): void
+    {
+        //
+    }
+
     /**
      * Bootstrap any application services.
      */
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 2366de43..9383a97f 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -77,7 +77,7 @@ const toggleRecoveryCodes = () => {
             <div class="space-y-6">
                 <HeadingSmall title="Two-Factor Authentication" description="Manage your two-factor authentication settings" />
                 <div v-if="!props.confirmed" class="flex flex-col items-start justify-start space-y-5">
-                    <Badge variant="outline" class="border-orange-200 bg-orange-50 text-orange-700 hover:bg-orange-50"> Disabled </Badge>
+                    <Badge variant="destructive"> Disabled </Badge>
                     <p class="-translate-y-1 text-muted-foreground">
                         When you enable 2FA, you'll be prompted for a secure code during login, which can be retrieved from your phone's TOTP
                         supported app.
@@ -245,15 +245,15 @@ const toggleRecoveryCodes = () => {
                 </div>
 
                 <div v-if="props.confirmed" class="flex flex-col items-start justify-start space-y-5">
-                    <Badge variant="outline" class="border-green-200 bg-green-50 text-green-700 hover:bg-green-50"> Enabled </Badge>
+                    <Badge variant="default"> Enabled </Badge>
                     <p class="text-muted-foreground">
                         With two factor authentication enabled, you'll be prompted for a secure, random token during login, which you can retrieve
                         from your TOTP Authenticator app.
                     </p>
 
                     <div>
-                        <div class="flex items-start rounded-t-xl border border-muted p-4">
-                            <LockKeyhole class="mr-2 size-5 text-stone-500" />
+                        <div class="flex items-start rounded-t-xl border border-secondary p-4">
+                            <LockKeyhole class="mr-2 size-5 text-muted-foreground" />
                             <div class="space-y-1">
                                 <h3 class="font-medium">2FA Recovery Codes</h3>
                                 <p class="text-sm text-muted-foreground">

From cae3c5566228dee1c185deca20001f514067cfc0 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 22:11:51 +0530
Subject: [PATCH 12/58] refactor: centralize two-factor authentication logic,
 improve UI state and

---
 .../TwoFactorAuthenticationController.php     |  15 +-
 resources/js/pages/settings/TwoFactor.vue     | 184 +++++++++++-------
 .../Settings/TwoFactorAuthenticationTest.php  |   2 +-
 3 files changed, 117 insertions(+), 84 deletions(-)

diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 351c4bfd..5b3b5c20 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -2,12 +2,12 @@
 
 namespace App\Http\Controllers\Settings;
 
+use App\Http\Controllers\Concerns\ConfirmsTwoFactorAuthentication;
 use App\Http\Controllers\Controller;
-use App\Models\User;
 use Illuminate\Http\Request;
 use Inertia\Inertia;
 use Inertia\Response;
-use App\Http\Controllers\Concerns\ConfirmsTwoFactorAuthentication;
+use Laravel\Fortify\Features;
 
 class TwoFactorAuthenticationController extends Controller
 {
@@ -20,16 +20,9 @@ public function show(Request $request): Response
     {
         $this->validateTwoFactorAuthenticationState($request);
 
-        /** @var User $user */
-        $user = $request->user();
-
-        $confirmed = filled($user->two_factor_confirmed_at);
-
         return Inertia::render('settings/TwoFactor', [
-            'confirmed' => $confirmed,
-            'recoveryCodes' => filled($user->two_factor_secret) ? json_decode(decrypt($user->two_factor_recovery_codes)) : [],
-            'qrCodeSvg' => !$confirmed && filled($user->two_factor_secret) ? $user->twoFactorQrCodeSvg() : null,
-            'secretKey' => !$confirmed && filled($user->two_factor_secret) ? decrypt($user->two_factor_secret) : null,
+            'requiresConfirmation' => Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm'),
+            'twoFactorEnabled' => filled($request->user()->two_factor_confirmed_at),
         ]);
     }
 }
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 9383a97f..c3f71d90 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -5,24 +5,20 @@ import { Button } from '@/components/ui/button';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
-import { Form, Head } from '@inertiajs/vue3';
+import { Form, Head, router } from '@inertiajs/vue3';
 import { computed, ComputedRef, nextTick, ref } from 'vue';
 
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
 import { Check, Copy, Eye, EyeOff, Loader2, LockKeyhole, ScanLine } from 'lucide-vue-next';
 
-const props = withDefaults(
+withDefaults(
     defineProps<{
-        confirmed?: boolean;
-        recoveryCodes?: string[];
-        qrCodeSvg?: string | null;
-        secretKey?: string | null;
+        requiresConfirmation?: boolean;
+        twoFactorEnabled?: boolean;
     }>(),
     {
-        confirmed: false,
-        recoveryCodes: () => [],
-        qrCodeSvg: null,
-        secretKey: null,
+        requiresConfirmation: false,
+        twoFactorEnabled: false,
     },
 );
 
@@ -33,41 +29,85 @@ const breadcrumbs = [
     },
 ];
 
-const copied = ref(false);
-const error = ref('');
-const verifyStep = ref(false);
+const twoFactorEnabling = ref(false);
+const qrCodeSvg = ref<string | null>(null);
+const manualSetupKey = ref<string | null>(null);
+const isTwoFactorSetupModalOpen = ref(false);
+const isInVerificationStep = ref(false);
+
+const enableTwoFactorAuthentication = (): void => {
+    router.post(
+        route('two-factor.enable'),
+        {},
+        {
+            preserveScroll: true,
+            onBefore: () => {
+                twoFactorEnabling.value = true;
+            },
+            onSuccess: () =>
+                Promise.all([fetchQRCode(), fetchManualSetupKey(), fetchRecoveryCodes()]).then(() => {
+                    isTwoFactorSetupModalOpen.value = true;
+                }),
+            onFinish: () => {
+                twoFactorEnabling.value = false;
+            },
+        },
+    );
+};
+
+const fetchQRCode = async () => {
+    const response = await fetch(route('two-factor.qr-code'));
+    const data = await response.json();
+    qrCodeSvg.value = data.svg;
+};
+
+const fetchManualSetupKey = async () => {
+    const response = await fetch(route('two-factor.secret-key'));
+    const data = await response.json();
+    manualSetupKey.value = data.secretKey;
+};
+
+const code = ref<number[]>([]);
+const pinInputContainerRef = ref<HTMLElement | null>(null);
+const verificationCode: ComputedRef<string> = computed(() => code.value.join(''));
+
+
+const recoveryCodesList = ref<string[]>([]);
 const showingRecoveryCodes = ref(false);
-const showModal = ref(false);
 
-const showTwoFactorEnableModal = (): void => {
-    showModal.value = true;
+const fetchRecoveryCodes = async () => {
+    const response = await fetch(route('two-factor.recovery-codes'));
+    recoveryCodesList.value = await response.json();
 };
 
-const handleConfirmSuccess = (): void => {
-    verifyStep.value = false;
-    showModal.value = false;
-    showingRecoveryCodes.value = true;
-    pinValue.value = [];
-    error.value = '';
+const toggleRecoveryCodesVisibility = () => {
+    if (!showingRecoveryCodes.value && recoveryCodesList.value.length === 0) {
+        fetchRecoveryCodes();
+    }
+    showingRecoveryCodes.value = !showingRecoveryCodes.value;
 };
 
-const handleConfirmError = (errors: any): void => {
-    error.value = errors.message || 'Invalid verification code';
-    pinValue.value = [];
+
+const disableTwoFactorAuthentication = (): void => {
+    router.delete(route('two-factor.disable'), {
+        preserveScroll: true,
+        onSuccess: () => {
+            isInVerificationStep.value = false;
+            isTwoFactorSetupModalOpen.value = false;
+            qrCodeSvg.value = null;
+            manualSetupKey.value = null;
+            recoveryCodesList.value = [];
+            code.value = [];
+        }
+    });
 };
 
+const copied = ref(false);
+
 const copyToClipboard = (text: string): void => {
     navigator.clipboard.writeText(text).then(() => (copied.value = true));
     setTimeout(() => (copied.value = false), 1500);
 };
-
-const pinValue = ref<number[]>([]);
-const pinInputContainerRef = ref<HTMLElement | null>(null);
-const code: ComputedRef<string> = computed(() => pinValue.value.join(''));
-
-const toggleRecoveryCodes = () => {
-    showingRecoveryCodes.value = !showingRecoveryCodes.value;
-};
 </script>
 
 <template>
@@ -76,25 +116,20 @@ const toggleRecoveryCodes = () => {
         <SettingsLayout>
             <div class="space-y-6">
                 <HeadingSmall title="Two-Factor Authentication" description="Manage your two-factor authentication settings" />
-                <div v-if="!props.confirmed" class="flex flex-col items-start justify-start space-y-5">
+                <div v-if="!twoFactorEnabled" class="flex flex-col items-start justify-start space-y-5">
                     <Badge variant="destructive"> Disabled </Badge>
                     <p class="-translate-y-1 text-muted-foreground">
                         When you enable 2FA, you'll be prompted for a secure code during login, which can be retrieved from your phone's TOTP
                         supported app.
                     </p>
-                    <Dialog :open="showModal" @update:open="showModal = $event">
+                    <Dialog
+                        :open="isTwoFactorSetupModalOpen"
+                        @update:open="(value) => { isTwoFactorSetupModalOpen = value}"
+                    >
                         <DialogTrigger as-child>
-                            <Form
-                                :async="false"
-                                :action="route('two-factor.enable')"
-                                method="post"
-                                @success="showTwoFactorEnableModal"
-                                #default="{ processing }"
-                            >
-                                <Button type="submit" :disabled="processing">
-                                    {{ processing ? 'Enabling...' : 'Enable' }}
-                                </Button>
-                            </Form>
+                            <Button type="button" @click="enableTwoFactorAuthentication" :disabled="twoFactorEnabling">
+                                {{ twoFactorEnabling ? 'Enabling...' : 'Enable' }}
+                            </Button>
                         </DialogTrigger>
                         <DialogContent class="sm:max-w-md">
                             <DialogHeader class="flex items-center justify-center">
@@ -114,30 +149,38 @@ const toggleRecoveryCodes = () => {
                                     </div>
                                 </div>
                                 <DialogTitle>
-                                    {{ !verifyStep ? 'Turn on 2-step Verification' : 'Verify Authentication Code' }}
+                                    {{
+                                        !isInVerificationStep
+                                            ? requiresConfirmation
+                                                ? 'Finish Enabling 2-step Verification'
+                                                : 'Turn on 2-step Verification'
+                                            : 'Verify Authentication Code'
+                                    }}
                                 </DialogTitle>
                                 <DialogDescription class="text-center">
                                     {{
-                                        !verifyStep
-                                            ? 'Open your authenticator app and choose Scan QR code'
+                                        !isInVerificationStep
+                                            ? requiresConfirmation
+                                                ? 'To finish enabling two factor authentication, scan the QR code or enter the setup key'
+                                                : 'Open your authenticator app and choose Scan QR code'
                                             : 'Enter the 6-digit code from your authenticator app'
                                     }}
                                 </DialogDescription>
                             </DialogHeader>
 
                             <div class="relative flex w-auto flex-col items-center justify-center space-y-5">
-                                <template v-if="!verifyStep">
+                                <template v-if="!isInVerificationStep">
                                     <div class="relative mx-auto flex max-w-md items-center overflow-hidden">
                                         <div class="relative mx-auto aspect-square w-64 overflow-hidden rounded-lg border border-border">
                                             <div
-                                                v-if="!props.qrCodeSvg"
+                                                v-if="!qrCodeSvg"
                                                 class="absolute inset-0 z-10 flex aspect-square h-auto w-full animate-pulse items-center justify-center bg-background"
                                             >
                                                 <Loader2 class="size-6 animate-spin" />
                                             </div>
                                             <div v-else class="relative z-10 overflow-hidden border p-5">
-                                                <div v-html="props.qrCodeSvg" class="flex aspect-square size-full items-center justify-center"></div>
-                                                <div v-if="props.qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
+                                                <div v-html="qrCodeSvg" class="flex aspect-square size-full items-center justify-center"></div>
+                                                <div v-if="qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
                                                     <div
                                                         class="absolute inset-x-0 h-0.5 bg-blue-500 opacity-60 transition-all duration-300 ease-in-out"
                                                     ></div>
@@ -151,7 +194,7 @@ const toggleRecoveryCodes = () => {
                                             class="w-full"
                                             @click="
                                                 () => {
-                                                    verifyStep = true;
+                                                    isInVerificationStep = true;
                                                     nextTick(() => {
                                                         if (pinInputContainerRef) {
                                                             const firstInput = pinInputContainerRef.querySelector('input');
@@ -161,7 +204,7 @@ const toggleRecoveryCodes = () => {
                                                 }
                                             "
                                         >
-                                            Continue
+                                            {{ requiresConfirmation ? 'Continue to Verify' : 'Continue' }}
                                         </Button>
                                     </div>
 
@@ -172,18 +215,18 @@ const toggleRecoveryCodes = () => {
 
                                     <div class="flex w-full items-center justify-center space-x-2">
                                         <div class="flex w-full items-stretch overflow-hidden rounded-xl border border-border">
-                                            <div v-if="!props.secretKey" class="flex h-full w-full items-center justify-center bg-muted p-3">
+                                            <div v-if="!manualSetupKey" class="flex h-full w-full items-center justify-center bg-muted p-3">
                                                 <Loader2 class="size-4 animate-spin" />
                                             </div>
                                             <template v-else>
                                                 <input
                                                     type="text"
                                                     readonly
-                                                    :value="props.secretKey"
+                                                    :value="manualSetupKey"
                                                     class="h-full w-full bg-background p-3 text-foreground"
                                                 />
                                                 <button
-                                                    @click="copyToClipboard(props.secretKey || '')"
+                                                    @click="copyToClipboard(manualSetupKey || '')"
                                                     class="relative block h-auto border-l border-border px-3 hover:bg-muted"
                                                 >
                                                     <Check v-if="copied" class="w-4 text-green-500" />
@@ -198,15 +241,12 @@ const toggleRecoveryCodes = () => {
                                     <Form
                                         :action="route('two-factor.confirm')"
                                         method="post"
-                                        :async="false"
-                                        @success="handleConfirmSuccess"
-                                        @error="handleConfirmError"
-                                        #default="{ processing }"
+                                        #default="{ error, processing }"
                                     >
                                         <input type="hidden" name="code" :value="code" />
                                         <div ref="pinInputContainerRef" class="relative w-full space-y-3">
                                             <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
-                                                <PinInput id="otp" v-model="pinValue" class="mt-1" type="number" otp>
+                                                <PinInput id="otp" v-model="code" class="mt-1" type="number" otp>
                                                     <PinInputGroup class="gap-2">
                                                         <PinInputSlot
                                                             v-for="(id, index) in 6"
@@ -227,12 +267,12 @@ const toggleRecoveryCodes = () => {
                                                     type="button"
                                                     variant="outline"
                                                     class="w-auto flex-1"
-                                                    @click="verifyStep = false"
+                                                    @click="isInVerificationStep = false"
                                                     :disabled="processing"
                                                 >
-                                                    Back
+                                                    {{ requiresConfirmation ? 'Cancel' : 'Back' }}
                                                 </Button>
-                                                <Button type="submit" class="w-auto flex-1" :disabled="processing || pinValue.length < 6">
+                                                <Button type="submit" class="w-auto flex-1" :disabled="processing || verificationCode.length < 6">
                                                     {{ processing ? 'Confirming...' : 'Confirm' }}
                                                 </Button>
                                             </div>
@@ -244,7 +284,7 @@ const toggleRecoveryCodes = () => {
                     </Dialog>
                 </div>
 
-                <div v-if="props.confirmed" class="flex flex-col items-start justify-start space-y-5">
+                <div v-if="twoFactorEnabled" class="flex flex-col items-start justify-start space-y-5">
                     <Badge variant="default"> Enabled </Badge>
                     <p class="text-muted-foreground">
                         With two factor authentication enabled, you'll be prompted for a secure, random token during login, which you can retrieve
@@ -264,7 +304,7 @@ const toggleRecoveryCodes = () => {
 
                         <div class="rounded-b-xl border border-t-0 border-stone-200 bg-secondary text-sm dark:border-stone-700">
                             <div
-                                @click="toggleRecoveryCodes"
+                                @click="toggleRecoveryCodesVisibility"
                                 class="group flex h-10 cursor-pointer items-center justify-between px-5 text-xs select-none"
                             >
                                 <div :class="`relative ${!showingRecoveryCodes ? 'opacity-40 hover:opacity-60' : 'opacity-60'}`">
@@ -299,18 +339,18 @@ const toggleRecoveryCodes = () => {
                                 }"
                             >
                                 <div class="grid max-w-xl gap-1 bg-secondary p-4 font-mono text-sm">
-                                    <div v-for="(code, index) in props.recoveryCodes" :key="index">{{ code }}</div>
+                                    <div v-for="(code, index) in recoveryCodesList" :key="index">{{ code }}</div>
                                 </div>
                                 <p class="px-4 py-3 text-xs text-muted-foreground select-none">
-                                    You have {{ props.recoveryCodes.length }} recovery codes left. Each can be used once to access your account and
-                                    will be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
+                                    You have {{ recoveryCodesList.length }} recovery codes left. Each can be used once to access your account and will
+                                    be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
                                 </p>
                             </div>
                         </div>
                     </div>
 
                     <div class="relative inline">
-                        <Form :action="route('two-factor.disable')" method="delete" async="true" #default="{ processing }">
+                        <Form :action="route('two-factor.disable')" method="delete" #default="{ processing }">
                             <Button variant="destructive" type="submit" :disabled="processing">
                                 {{ processing ? 'Disabling...' : 'Disable 2FA' }}
                             </Button>
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index 6aa41545..7b574807 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -23,7 +23,7 @@ public function test_can_view_two_factor_settings_page()
         $inertiaProps = $response->original?->getData() ?? [];
         $props = $inertiaProps['page']['props'];
         $this->assertArrayHasKey('confirmed', $props);
-        $this->assertArrayHasKey('recoveryCodes', $props);
+        $this->assertArrayHasKey('requiresConfirmation', $props);
         $this->assertFalse($props['confirmed']);
     }
 

From 14f1165dfe1a3234966fd59ea6fe020e000a63e3 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 19 Aug 2025 23:11:03 +0530
Subject: [PATCH 13/58] refactor: streamline TwoFactor components, simplify
 form handling, and improve UI logic consistency

---
 .../TwoFactorAuthenticationController.php     |  2 +-
 resources/js/pages/settings/TwoFactor.vue     | 82 +++++++------------
 2 files changed, 31 insertions(+), 53 deletions(-)

diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 5b3b5c20..2d96e141 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -22,7 +22,7 @@ public function show(Request $request): Response
 
         return Inertia::render('settings/TwoFactor', [
             'requiresConfirmation' => Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm'),
-            'twoFactorEnabled' => filled($request->user()->two_factor_confirmed_at),
+            'twoFactorEnabled' => $request->user()->hasEnabledTwoFactorAuthentication(),
         ]);
     }
 }
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index c3f71d90..7e15669e 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -29,30 +29,15 @@ const breadcrumbs = [
     },
 ];
 
-const twoFactorEnabling = ref(false);
 const qrCodeSvg = ref<string | null>(null);
 const manualSetupKey = ref<string | null>(null);
 const isTwoFactorSetupModalOpen = ref(false);
 const isInVerificationStep = ref(false);
 
-const enableTwoFactorAuthentication = (): void => {
-    router.post(
-        route('two-factor.enable'),
-        {},
-        {
-            preserveScroll: true,
-            onBefore: () => {
-                twoFactorEnabling.value = true;
-            },
-            onSuccess: () =>
-                Promise.all([fetchQRCode(), fetchManualSetupKey(), fetchRecoveryCodes()]).then(() => {
-                    isTwoFactorSetupModalOpen.value = true;
-                }),
-            onFinish: () => {
-                twoFactorEnabling.value = false;
-            },
-        },
-    );
+const enableTwoFactorAuthenticationSuccess = (): void => {
+    Promise.all([fetchQRCode(), fetchManualSetupKey(), fetchRecoveryCodes()]).then(() => {
+        isTwoFactorSetupModalOpen.value = true;
+    });
 };
 
 const fetchQRCode = async () => {
@@ -71,7 +56,6 @@ const code = ref<number[]>([]);
 const pinInputContainerRef = ref<HTMLElement | null>(null);
 const verificationCode: ComputedRef<string> = computed(() => code.value.join(''));
 
-
 const recoveryCodesList = ref<string[]>([]);
 const showingRecoveryCodes = ref(false);
 
@@ -87,18 +71,20 @@ const toggleRecoveryCodesVisibility = () => {
     showingRecoveryCodes.value = !showingRecoveryCodes.value;
 };
 
+const disableTwoFactorAuthenticationSuccess = (): void => {
+    isInVerificationStep.value = false;
+    isTwoFactorSetupModalOpen.value = false;
+    qrCodeSvg.value = null;
+    manualSetupKey.value = null;
+    recoveryCodesList.value = [];
+    code.value = [];
+};
 
 const disableTwoFactorAuthentication = (): void => {
     router.delete(route('two-factor.disable'), {
         preserveScroll: true,
-        onSuccess: () => {
-            isInVerificationStep.value = false;
-            isTwoFactorSetupModalOpen.value = false;
-            qrCodeSvg.value = null;
-            manualSetupKey.value = null;
-            recoveryCodesList.value = [];
-            code.value = [];
-        }
+        async: false,
+        onSuccess: () => disableTwoFactorAuthenticationSuccess(),
     });
 };
 
@@ -122,14 +108,18 @@ const copyToClipboard = (text: string): void => {
                         When you enable 2FA, you'll be prompted for a secure code during login, which can be retrieved from your phone's TOTP
                         supported app.
                     </p>
-                    <Dialog
-                        :open="isTwoFactorSetupModalOpen"
-                        @update:open="(value) => { isTwoFactorSetupModalOpen = value}"
-                    >
+                    <Dialog v-model:open="isTwoFactorSetupModalOpen" :close="() => disableTwoFactorAuthentication()">
                         <DialogTrigger as-child>
-                            <Button type="button" @click="enableTwoFactorAuthentication" :disabled="twoFactorEnabling">
-                                {{ twoFactorEnabling ? 'Enabling...' : 'Enable' }}
-                            </Button>
+                            <Form
+                                :action="route('two-factor.enable')"
+                                method="post"
+                                @success="enableTwoFactorAuthenticationSuccess"
+                                #default="{ processing }"
+                            >
+                                <Button type="submit" :disabled="processing">
+                                    {{ processing ? 'Enabling...' : 'Enable' }}
+                                </Button>
+                            </Form>
                         </DialogTrigger>
                         <DialogContent class="sm:max-w-md">
                             <DialogHeader class="flex items-center justify-center">
@@ -149,20 +139,12 @@ const copyToClipboard = (text: string): void => {
                                     </div>
                                 </div>
                                 <DialogTitle>
-                                    {{
-                                        !isInVerificationStep
-                                            ? requiresConfirmation
-                                                ? 'Finish Enabling 2-step Verification'
-                                                : 'Turn on 2-step Verification'
-                                            : 'Verify Authentication Code'
-                                    }}
+                                    {{ !isInVerificationStep ? 'Finish Enabling 2-step Verification' : 'Verify Authentication Code' }}
                                 </DialogTitle>
                                 <DialogDescription class="text-center">
                                     {{
                                         !isInVerificationStep
-                                            ? requiresConfirmation
-                                                ? 'To finish enabling two factor authentication, scan the QR code or enter the setup key'
-                                                : 'Open your authenticator app and choose Scan QR code'
+                                            ? 'To finish enabling two factor authentication, scan the QR code or enter the setup key'
                                             : 'Enter the 6-digit code from your authenticator app'
                                     }}
                                 </DialogDescription>
@@ -204,7 +186,7 @@ const copyToClipboard = (text: string): void => {
                                                 }
                                             "
                                         >
-                                            {{ requiresConfirmation ? 'Continue to Verify' : 'Continue' }}
+                                            {{ requiresConfirmation ? 'Continue to Verify' : 'Finish Setup' }}
                                         </Button>
                                     </div>
 
@@ -238,11 +220,7 @@ const copyToClipboard = (text: string): void => {
                                 </template>
 
                                 <template v-else>
-                                    <Form
-                                        :action="route('two-factor.confirm')"
-                                        method="post"
-                                        #default="{ error, processing }"
-                                    >
+                                    <Form :action="route('two-factor.confirm')" method="post" #default="{ error, processing }">
                                         <input type="hidden" name="code" :value="code" />
                                         <div ref="pinInputContainerRef" class="relative w-full space-y-3">
                                             <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
@@ -350,7 +328,7 @@ const copyToClipboard = (text: string): void => {
                     </div>
 
                     <div class="relative inline">
-                        <Form :action="route('two-factor.disable')" method="delete" #default="{ processing }">
+                        <Form :action="route('two-factor.disable')" :async="false" method="delete" #default="{ processing }">
                             <Button variant="destructive" type="submit" :disabled="processing">
                                 {{ processing ? 'Disabling...' : 'Disable 2FA' }}
                             </Button>

From 1a24366736f9b7166f7c5d8f02a41700edc44dbf Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 00:29:25 +0530
Subject: [PATCH 14/58] refactor: centralize clipboard and two-factor
 authentication logic, enhance state management, and optimize TwoFactor UI
 components

---
 resources/js/composables/useClipboard.ts     |  30 ++
 resources/js/composables/useTwoFactorAuth.ts |  22 +
 resources/js/pages/settings/TwoFactor.vue    | 436 ++++++++++---------
 3 files changed, 285 insertions(+), 203 deletions(-)
 create mode 100644 resources/js/composables/useClipboard.ts
 create mode 100644 resources/js/composables/useTwoFactorAuth.ts

diff --git a/resources/js/composables/useClipboard.ts b/resources/js/composables/useClipboard.ts
new file mode 100644
index 00000000..e106ddd9
--- /dev/null
+++ b/resources/js/composables/useClipboard.ts
@@ -0,0 +1,30 @@
+import { ref } from 'vue';
+
+interface ClipboardOptions {
+    timeout?: number;
+}
+
+export function useClipboard(options: ClipboardOptions = {}) {
+    const { timeout = 1500 } = options;
+    
+    const copied = ref(false);
+    
+    const copyToClipboard = async (text: string): Promise<void> => {
+        if (typeof window === 'undefined' || !navigator.clipboard) {
+            return;
+        }
+        
+        try {
+            await navigator.clipboard.writeText(text);
+            copied.value = true;
+            setTimeout(() => (copied.value = false), timeout);
+        } catch (error) {
+            console.error('Failed to copy to clipboard:', error);
+        }
+    };
+    
+    return {
+        copied,
+        copyToClipboard,
+    };
+}
\ No newline at end of file
diff --git a/resources/js/composables/useTwoFactorAuth.ts b/resources/js/composables/useTwoFactorAuth.ts
new file mode 100644
index 00000000..83b0665b
--- /dev/null
+++ b/resources/js/composables/useTwoFactorAuth.ts
@@ -0,0 +1,22 @@
+export const useTwoFactorAuth = () => {
+    const fetchQRCode = async (): Promise<{ svg: string }> => {
+        const response = await fetch(route('two-factor.qr-code'));
+        return await response.json();
+    };
+
+    const fetchManualSetupKey = async (): Promise<{ secretKey: string }> => {
+        const response = await fetch(route('two-factor.secret-key'));
+        return await response.json();
+    };
+
+    const fetchRecoveryCodes = async (): Promise<string[]> => {
+        const response = await fetch(route('two-factor.recovery-codes'));
+        return await response.json();
+    };
+
+    return {
+        fetchQRCode,
+        fetchManualSetupKey,
+        fetchRecoveryCodes,
+    };
+};
\ No newline at end of file
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 7e15669e..e23261a8 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -1,17 +1,19 @@
 <script setup lang="ts">
 import HeadingSmall from '@/components/HeadingSmall.vue';
+import InputError from '@/components/InputError.vue';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
+import { useClipboard } from '@/composables/useClipboard';
+import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
-import { Form, Head, router } from '@inertiajs/vue3';
-import { computed, ComputedRef, nextTick, ref } from 'vue';
-
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
+import { Form, Head } from '@inertiajs/vue3';
 import { Check, Copy, Eye, EyeOff, Loader2, LockKeyhole, ScanLine } from 'lucide-vue-next';
+import { computed, ComputedRef, nextTick, reactive, ref } from 'vue';
 
-withDefaults(
+const props = withDefaults(
     defineProps<{
         requiresConfirmation?: boolean;
         twoFactorEnabled?: boolean;
@@ -29,70 +31,97 @@ const breadcrumbs = [
     },
 ];
 
-const qrCodeSvg = ref<string | null>(null);
-const manualSetupKey = ref<string | null>(null);
-const isTwoFactorSetupModalOpen = ref(false);
-const isInVerificationStep = ref(false);
+const { copied, copyToClipboard } = useClipboard();
+const { fetchQRCode, fetchManualSetupKey, fetchRecoveryCodes } = useTwoFactorAuth();
 
-const enableTwoFactorAuthenticationSuccess = (): void => {
-    Promise.all([fetchQRCode(), fetchManualSetupKey(), fetchRecoveryCodes()]).then(() => {
-        isTwoFactorSetupModalOpen.value = true;
-    });
-};
+const setupData = reactive({
+    qrCodeSvg: null as string | null,
+    manualSetupKey: null as string | null,
+});
 
-const fetchQRCode = async () => {
-    const response = await fetch(route('two-factor.qr-code'));
-    const data = await response.json();
-    qrCodeSvg.value = data.svg;
-};
+const modalState = reactive({
+    isOpen: false,
+    isInVerificationStep: false,
+});
+
+const recoveryCodes = reactive({
+    list: [] as string[],
+    isVisible: false,
+});
 
-const fetchManualSetupKey = async () => {
-    const response = await fetch(route('two-factor.secret-key'));
-    const data = await response.json();
-    manualSetupKey.value = data.secretKey;
+const enableTwoFactorAuthenticationSuccess = (): void => {
+    Promise.all([
+        fetchQRCode().then((data) => (setupData.qrCodeSvg = data.svg)),
+        fetchManualSetupKey().then((data) => (setupData.manualSetupKey = data.secretKey)),
+        fetchRecoveryCodes().then((codes) => (recoveryCodes.list = codes)),
+    ]).then(() => {
+        modalState.isOpen = true;
+    });
 };
 
 const code = ref<number[]>([]);
 const pinInputContainerRef = ref<HTMLElement | null>(null);
 const verificationCode: ComputedRef<string> = computed(() => code.value.join(''));
 
-const recoveryCodesList = ref<string[]>([]);
-const showingRecoveryCodes = ref(false);
-
-const fetchRecoveryCodes = async () => {
-    const response = await fetch(route('two-factor.recovery-codes'));
-    recoveryCodesList.value = await response.json();
-};
-
 const toggleRecoveryCodesVisibility = () => {
-    if (!showingRecoveryCodes.value && recoveryCodesList.value.length === 0) {
-        fetchRecoveryCodes();
+    if (!recoveryCodes.isVisible && recoveryCodes.list.length === 0) {
+        fetchRecoveryCodes().then((codes) => (recoveryCodes.list = codes));
     }
-    showingRecoveryCodes.value = !showingRecoveryCodes.value;
+    recoveryCodes.isVisible = !recoveryCodes.isVisible;
 };
 
 const disableTwoFactorAuthenticationSuccess = (): void => {
-    isInVerificationStep.value = false;
-    isTwoFactorSetupModalOpen.value = false;
-    qrCodeSvg.value = null;
-    manualSetupKey.value = null;
-    recoveryCodesList.value = [];
+    modalState.isInVerificationStep = false;
+    modalState.isOpen = false;
+    setupData.qrCodeSvg = null;
+    setupData.manualSetupKey = null;
+    recoveryCodes.list = [];
+    recoveryCodes.isVisible = false;
     code.value = [];
 };
 
-const disableTwoFactorAuthentication = (): void => {
-    router.delete(route('two-factor.disable'), {
-        preserveScroll: true,
-        async: false,
-        onSuccess: () => disableTwoFactorAuthenticationSuccess(),
-    });
-};
+const modalConfig = computed(() => {
+    if (props.twoFactorEnabled) {
+        return {
+            title: 'You have enabled two factor authentication.',
+            description: 'Two factor authentication is now enabled, scan the QR code or enter the setup key',
+            buttonText: 'Close'
+        };
+    }
 
-const copied = ref(false);
+    if (modalState.isInVerificationStep) {
+        return {
+            title: 'Verify Authentication Code',
+            description: 'Enter the 6-digit code from your authenticator app',
+            buttonText: 'Continue'
+        };
+    }
+
+    return {
+        title: 'Turn on 2-step Verification',
+        description: 'To finish enabling two factor authentication, scan the QR code or enter the setup key',
+        buttonText: 'Continue'
+    };
+});
+
+const handleSetupAction = (): void => {
+    if (props.twoFactorEnabled) {
+        modalState.isOpen = false;
+        return;
+    }
+
+    if (props.requiresConfirmation) {
+        modalState.isInVerificationStep = true;
+        nextTick(() => {
+            if (pinInputContainerRef.value) {
+                const firstInput = pinInputContainerRef.value.querySelector('input');
+                if (firstInput) firstInput.focus();
+            }
+        });
+        return;
+    }
 
-const copyToClipboard = (text: string): void => {
-    navigator.clipboard.writeText(text).then(() => (copied.value = true));
-    setTimeout(() => (copied.value = false), 1500);
+    modalState.isOpen = false;
 };
 </script>
 
@@ -108,7 +137,7 @@ const copyToClipboard = (text: string): void => {
                         When you enable 2FA, you'll be prompted for a secure code during login, which can be retrieved from your phone's TOTP
                         supported app.
                     </p>
-                    <Dialog v-model:open="isTwoFactorSetupModalOpen" :close="() => disableTwoFactorAuthentication()">
+                    <Dialog v-model:open="modalState.isOpen">
                         <DialogTrigger as-child>
                             <Form
                                 :action="route('two-factor.enable')"
@@ -121,144 +150,6 @@ const copyToClipboard = (text: string): void => {
                                 </Button>
                             </Form>
                         </DialogTrigger>
-                        <DialogContent class="sm:max-w-md">
-                            <DialogHeader class="flex items-center justify-center">
-                                <div class="mb-3 w-auto rounded-full border border-border bg-card p-0.5 shadow-sm">
-                                    <div class="relative overflow-hidden rounded-full border border-border bg-muted p-2.5">
-                                        <div
-                                            class="absolute inset-0 flex size-full items-stretch justify-around divide-x divide-border opacity-50 [&>div]:flex-1"
-                                        >
-                                            <div v-for="i in 5" :key="i"></div>
-                                        </div>
-                                        <div
-                                            class="absolute inset-0 flex size-full flex-col items-stretch justify-around divide-y divide-border opacity-50 [&>div]:flex-1"
-                                        >
-                                            <div v-for="i in 5" :key="i"></div>
-                                        </div>
-                                        <ScanLine class="relative z-20 size-6 text-foreground" />
-                                    </div>
-                                </div>
-                                <DialogTitle>
-                                    {{ !isInVerificationStep ? 'Finish Enabling 2-step Verification' : 'Verify Authentication Code' }}
-                                </DialogTitle>
-                                <DialogDescription class="text-center">
-                                    {{
-                                        !isInVerificationStep
-                                            ? 'To finish enabling two factor authentication, scan the QR code or enter the setup key'
-                                            : 'Enter the 6-digit code from your authenticator app'
-                                    }}
-                                </DialogDescription>
-                            </DialogHeader>
-
-                            <div class="relative flex w-auto flex-col items-center justify-center space-y-5">
-                                <template v-if="!isInVerificationStep">
-                                    <div class="relative mx-auto flex max-w-md items-center overflow-hidden">
-                                        <div class="relative mx-auto aspect-square w-64 overflow-hidden rounded-lg border border-border">
-                                            <div
-                                                v-if="!qrCodeSvg"
-                                                class="absolute inset-0 z-10 flex aspect-square h-auto w-full animate-pulse items-center justify-center bg-background"
-                                            >
-                                                <Loader2 class="size-6 animate-spin" />
-                                            </div>
-                                            <div v-else class="relative z-10 overflow-hidden border p-5">
-                                                <div v-html="qrCodeSvg" class="flex aspect-square size-full items-center justify-center"></div>
-                                                <div v-if="qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
-                                                    <div
-                                                        class="absolute inset-x-0 h-0.5 bg-blue-500 opacity-60 transition-all duration-300 ease-in-out"
-                                                    ></div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-
-                                    <div class="flex w-full items-center space-x-5">
-                                        <Button
-                                            class="w-full"
-                                            @click="
-                                                () => {
-                                                    isInVerificationStep = true;
-                                                    nextTick(() => {
-                                                        if (pinInputContainerRef) {
-                                                            const firstInput = pinInputContainerRef.querySelector('input');
-                                                            if (firstInput) firstInput.focus();
-                                                        }
-                                                    });
-                                                }
-                                            "
-                                        >
-                                            {{ requiresConfirmation ? 'Continue to Verify' : 'Finish Setup' }}
-                                        </Button>
-                                    </div>
-
-                                    <div class="relative flex w-full items-center justify-center">
-                                        <div class="absolute inset-0 top-1/2 h-px w-full bg-border"></div>
-                                        <span class="relative bg-card px-2 py-1"> or, enter the code manually </span>
-                                    </div>
-
-                                    <div class="flex w-full items-center justify-center space-x-2">
-                                        <div class="flex w-full items-stretch overflow-hidden rounded-xl border border-border">
-                                            <div v-if="!manualSetupKey" class="flex h-full w-full items-center justify-center bg-muted p-3">
-                                                <Loader2 class="size-4 animate-spin" />
-                                            </div>
-                                            <template v-else>
-                                                <input
-                                                    type="text"
-                                                    readonly
-                                                    :value="manualSetupKey"
-                                                    class="h-full w-full bg-background p-3 text-foreground"
-                                                />
-                                                <button
-                                                    @click="copyToClipboard(manualSetupKey || '')"
-                                                    class="relative block h-auto border-l border-border px-3 hover:bg-muted"
-                                                >
-                                                    <Check v-if="copied" class="w-4 text-green-500" />
-                                                    <Copy v-else class="w-4" />
-                                                </button>
-                                            </template>
-                                        </div>
-                                    </div>
-                                </template>
-
-                                <template v-else>
-                                    <Form :action="route('two-factor.confirm')" method="post" #default="{ error, processing }">
-                                        <input type="hidden" name="code" :value="code" />
-                                        <div ref="pinInputContainerRef" class="relative w-full space-y-3">
-                                            <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
-                                                <PinInput id="otp" v-model="code" class="mt-1" type="number" otp>
-                                                    <PinInputGroup class="gap-2">
-                                                        <PinInputSlot
-                                                            v-for="(id, index) in 6"
-                                                            :key="id"
-                                                            :index="index"
-                                                            :disabled="processing"
-                                                            class="h-10 w-10 rounded-lg"
-                                                        />
-                                                    </PinInputGroup>
-                                                </PinInput>
-                                                <div v-if="error" class="mt-2 text-sm text-red-600">
-                                                    {{ error }}
-                                                </div>
-                                            </div>
-
-                                            <div class="flex w-full items-center space-x-5">
-                                                <Button
-                                                    type="button"
-                                                    variant="outline"
-                                                    class="w-auto flex-1"
-                                                    @click="isInVerificationStep = false"
-                                                    :disabled="processing"
-                                                >
-                                                    {{ requiresConfirmation ? 'Cancel' : 'Back' }}
-                                                </Button>
-                                                <Button type="submit" class="w-auto flex-1" :disabled="processing || verificationCode.length < 6">
-                                                    {{ processing ? 'Confirming...' : 'Confirm' }}
-                                                </Button>
-                                            </div>
-                                        </div>
-                                    </Form>
-                                </template>
-                            </div>
-                        </DialogContent>
                     </Dialog>
                 </div>
 
@@ -268,7 +159,7 @@ const copyToClipboard = (text: string): void => {
                         With two factor authentication enabled, you'll be prompted for a secure, random token during login, which you can retrieve
                         from your TOTP Authenticator app.
                     </p>
-
+                    <Dialog v-model:open="modalState.isOpen"></Dialog>
                     <div>
                         <div class="flex items-start rounded-t-xl border border-secondary p-4">
                             <LockKeyhole class="mr-2 size-5 text-muted-foreground" />
@@ -280,13 +171,13 @@ const copyToClipboard = (text: string): void => {
                             </div>
                         </div>
 
-                        <div class="rounded-b-xl border border-t-0 border-stone-200 bg-secondary text-sm dark:border-stone-700">
+                        <div class="rounded-b-xl border border-t-0 text-sm">
                             <div
                                 @click="toggleRecoveryCodesVisibility"
                                 class="group flex h-10 cursor-pointer items-center justify-between px-5 text-xs select-none"
                             >
-                                <div :class="`relative ${!showingRecoveryCodes ? 'opacity-40 hover:opacity-60' : 'opacity-60'}`">
-                                    <span v-if="!showingRecoveryCodes" class="flex items-center space-x-1">
+                                <div :class="`relative ${!recoveryCodes.isVisible ? 'opacity-40 hover:opacity-60' : 'opacity-60'}`">
+                                    <span v-if="!recoveryCodes.isVisible" class="flex items-center space-x-1">
                                         <Eye class="size-4" /> <span>View My Recovery Codes</span>
                                     </span>
                                     <span v-else class="flex items-center space-x-1">
@@ -295,7 +186,7 @@ const copyToClipboard = (text: string): void => {
                                 </div>
 
                                 <Form
-                                    v-if="showingRecoveryCodes"
+                                    v-if="recoveryCodes.isVisible"
                                     :action="route('two-factor.recovery-codes')"
                                     method="post"
                                     #default="{ processing }"
@@ -303,7 +194,7 @@ const copyToClipboard = (text: string): void => {
                                         preserveScroll: true,
                                     }"
                                 >
-                                    <Button size="sm" variant="ghost" class="text-underline" type="submit" :disabled="processing" @click.stop>
+                                    <Button size="sm" variant="secondary" type="submit" :disabled="processing" @click.stop="toggleRecoveryCodesVisibility">
                                         {{ processing ? 'Regenerating...' : 'Regenerate Codes' }}
                                     </Button>
                                 </Form>
@@ -312,29 +203,168 @@ const copyToClipboard = (text: string): void => {
                             <div
                                 class="relative overflow-hidden transition-all duration-300"
                                 :style="{
-                                    height: showingRecoveryCodes ? 'auto' : '0',
-                                    opacity: showingRecoveryCodes ? 1 : 0,
+                                    height: recoveryCodes.isVisible ? 'auto' : '0',
+                                    opacity: recoveryCodes.isVisible ? 1 : 0,
                                 }"
                             >
-                                <div class="grid max-w-xl gap-1 bg-secondary p-4 font-mono text-sm">
-                                    <div v-for="(code, index) in recoveryCodesList" :key="index">{{ code }}</div>
+                                <div class="grid max-w-xl gap-1 bg-muted p-4 font-mono text-sm">
+                                    <div v-for="(code, index) in recoveryCodes.list" :key="index">{{ code }}</div>
                                 </div>
-                                <p class="px-4 py-3 text-xs text-muted-foreground select-none">
-                                    You have {{ recoveryCodesList.length }} recovery codes left. Each can be used once to access your account and will
-                                    be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
+                                <p class="text-xs text-muted-foreground select-none">
+                                    You have {{ recoveryCodes.list?.length }} recovery codes left. Each can be used once to access your account and
+                                    will be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
                                 </p>
                             </div>
                         </div>
                     </div>
 
                     <div class="relative inline">
-                        <Form :action="route('two-factor.disable')" :async="false" method="delete" #default="{ processing }">
+                        <Form
+                            :action="route('two-factor.disable')"
+                            :async="false"
+                            method="delete"
+                            #default="{ processing }"
+                            @success="disableTwoFactorAuthenticationSuccess"
+                        >
                             <Button variant="destructive" type="submit" :disabled="processing">
                                 {{ processing ? 'Disabling...' : 'Disable 2FA' }}
                             </Button>
                         </Form>
                     </div>
                 </div>
+
+                <Dialog v-model:open="modalState.isOpen">
+                    <DialogContent class="sm:max-w-md">
+                        <DialogHeader class="flex items-center justify-center">
+                            <div class="mb-3 w-auto rounded-full border border-border bg-card p-0.5 shadow-sm">
+                                <div class="relative overflow-hidden rounded-full border border-border bg-muted p-2.5">
+                                    <div
+                                        class="absolute inset-0 flex size-full items-stretch justify-around divide-x divide-border opacity-50 [&>div]:flex-1"
+                                    >
+                                        <div v-for="i in 5" :key="i"></div>
+                                    </div>
+                                    <div
+                                        class="absolute inset-0 flex size-full flex-col items-stretch justify-around divide-y divide-border opacity-50 [&>div]:flex-1"
+                                    >
+                                        <div v-for="i in 5" :key="i"></div>
+                                    </div>
+                                    <ScanLine class="relative z-20 size-6 text-foreground" />
+                                </div>
+                            </div>
+                            <DialogTitle>
+                                {{ modalConfig.title }}
+                            </DialogTitle>
+                            <DialogDescription class="text-center">
+                                {{ modalConfig.description }}
+                            </DialogDescription>
+                        </DialogHeader>
+
+                        <div class="relative flex w-auto flex-col items-center justify-center space-y-5">
+                            <template v-if="!modalState.isInVerificationStep">
+                                <div class="relative mx-auto flex max-w-md items-center overflow-hidden">
+                                    <div class="relative mx-auto aspect-square w-64 overflow-hidden rounded-lg border border-border">
+                                        <div
+                                            v-if="!setupData.qrCodeSvg"
+                                            class="absolute inset-0 z-10 flex aspect-square h-auto w-full animate-pulse items-center justify-center bg-background"
+                                        >
+                                            <Loader2 class="size-6 animate-spin" />
+                                        </div>
+                                        <div v-else class="relative z-10 overflow-hidden border p-5">
+                                            <div v-html="setupData.qrCodeSvg" class="flex aspect-square size-full items-center justify-center"></div>
+                                            <div v-if="setupData.qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
+                                                <div
+                                                    class="absolute inset-x-0 h-0.5 bg-blue-500 opacity-60 transition-all duration-300 ease-in-out"
+                                                ></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="flex w-full items-center space-x-5">
+                                    <Button class="w-full" @click="handleSetupAction">
+                                        {{ modalConfig.buttonText }}
+                                    </Button>
+                                </div>
+
+                                <div class="relative flex w-full items-center justify-center">
+                                    <div class="absolute inset-0 top-1/2 h-px w-full bg-border"></div>
+                                    <span class="relative bg-card px-2 py-1"> or, enter the code manually </span>
+                                </div>
+
+                                <div class="flex w-full items-center justify-center space-x-2">
+                                    <div class="flex w-full items-stretch overflow-hidden rounded-xl border border-border">
+                                        <div v-if="!setupData.manualSetupKey" class="flex h-full w-full items-center justify-center bg-muted p-3">
+                                            <Loader2 class="size-4 animate-spin" />
+                                        </div>
+                                        <template v-else>
+                                            <input
+                                                type="text"
+                                                readonly
+                                                :value="setupData.manualSetupKey"
+                                                class="h-full w-full bg-background p-3 text-foreground"
+                                            />
+                                            <button
+                                                @click="copyToClipboard(setupData.manualSetupKey || '')"
+                                                class="relative block h-auto border-l border-border px-3 hover:bg-muted"
+                                            >
+                                                <Check v-if="copied" class="w-4 text-green-500" />
+                                                <Copy v-else class="w-4" />
+                                            </button>
+                                        </template>
+                                    </div>
+                                </div>
+                            </template>
+
+                            <template v-else>
+                                <Form
+                                    :action="route('two-factor.confirm')"
+                                    method="post"
+                                    v-slot="{ errors, processing }"
+                                    reset-on-error
+                                    @success="
+                                        () => {
+                                            modalState.isOpen = false;
+                                            modalState.isInVerificationStep = false;
+                                        }
+                                    "
+                                >
+                                    <input type="hidden" name="code" :value="verificationCode" />
+                                    <div ref="pinInputContainerRef" class="relative w-full space-y-3">
+                                        <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
+                                            <PinInput id="otp" placeholder="○" v-model="code" class="mt-1" type="number" otp>
+                                                <PinInputGroup class="gap-2">
+                                                    <PinInputSlot
+                                                        v-for="(id, index) in 6"
+                                                        :key="id"
+                                                        :index="index"
+                                                        :disabled="processing"
+                                                        class="h-10 w-10 rounded-lg"
+                                                    />
+                                                </PinInputGroup>
+                                            </PinInput>
+                                            <InputError :message="errors?.confirmTwoFactorAuthentication?.code" />
+                                        </div>
+
+                                        <div class="flex w-full items-center space-x-5">
+                                            <Button
+                                                type="button"
+                                                variant="outline"
+                                                class="w-auto flex-1"
+                                                @click="modalState.isInVerificationStep = false"
+                                                :disabled="processing"
+                                            >
+                                                Back
+                                            </Button>
+                                            <Button type="submit" class="w-auto flex-1" :disabled="processing || verificationCode.length < 6">
+                                                {{ processing ? 'Confirming...' : 'Confirm' }}
+                                            </Button>
+                                        </div>
+                                    </div>
+                                </Form>
+                            </template>
+                        </div>
+                    </DialogContent>
+                </Dialog>
             </div>
         </SettingsLayout>
     </AppLayout>

From 8bc54c954eabe95f8a6be5957e91abf99b3c451c Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 01:25:52 +0530
Subject: [PATCH 15/58] refactor: enhance TwoFactor UI components with reusable
 Card layout, improve recovery codes visibility toggle, and standardize
 spacing

---
 resources/js/pages/settings/TwoFactor.vue | 95 ++++++++++-------------
 1 file changed, 42 insertions(+), 53 deletions(-)

diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index e23261a8..0d4cf4aa 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -3,6 +3,7 @@ import HeadingSmall from '@/components/HeadingSmall.vue';
 import InputError from '@/components/InputError.vue';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 import { useClipboard } from '@/composables/useClipboard';
@@ -10,7 +11,7 @@ import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
 import { Form, Head } from '@inertiajs/vue3';
-import { Check, Copy, Eye, EyeOff, Loader2, LockKeyhole, ScanLine } from 'lucide-vue-next';
+import { Check, Copy, Eye, EyeOff, Loader2, LockKeyhole, RefreshCw, ScanLine, ShieldBan } from 'lucide-vue-next';
 import { computed, ComputedRef, nextTick, reactive, ref } from 'vue';
 
 const props = withDefaults(
@@ -85,7 +86,7 @@ const modalConfig = computed(() => {
         return {
             title: 'You have enabled two factor authentication.',
             description: 'Two factor authentication is now enabled, scan the QR code or enter the setup key',
-            buttonText: 'Close'
+            buttonText: 'Close',
         };
     }
 
@@ -93,14 +94,14 @@ const modalConfig = computed(() => {
         return {
             title: 'Verify Authentication Code',
             description: 'Enter the 6-digit code from your authenticator app',
-            buttonText: 'Continue'
+            buttonText: 'Continue',
         };
     }
 
     return {
         title: 'Turn on 2-step Verification',
         description: 'To finish enabling two factor authentication, scan the QR code or enter the setup key',
-        buttonText: 'Continue'
+        buttonText: 'Continue',
     };
 });
 
@@ -131,9 +132,9 @@ const handleSetupAction = (): void => {
         <SettingsLayout>
             <div class="space-y-6">
                 <HeadingSmall title="Two-Factor Authentication" description="Manage your two-factor authentication settings" />
-                <div v-if="!twoFactorEnabled" class="flex flex-col items-start justify-start space-y-5">
+                <div v-if="!twoFactorEnabled" class="flex flex-col items-start justify-start space-y-4">
                     <Badge variant="destructive"> Disabled </Badge>
-                    <p class="-translate-y-1 text-muted-foreground">
+                    <p class="text-muted-foreground">
                         When you enable 2FA, you'll be prompted for a secure code during login, which can be retrieved from your phone's TOTP
                         supported app.
                     </p>
@@ -153,38 +154,27 @@ const handleSetupAction = (): void => {
                     </Dialog>
                 </div>
 
-                <div v-if="twoFactorEnabled" class="flex flex-col items-start justify-start space-y-5">
+                <div v-if="twoFactorEnabled" class="flex flex-col items-start justify-start space-y-4">
                     <Badge variant="default"> Enabled </Badge>
                     <p class="text-muted-foreground">
                         With two factor authentication enabled, you'll be prompted for a secure, random token during login, which you can retrieve
                         from your TOTP Authenticator app.
                     </p>
                     <Dialog v-model:open="modalState.isOpen"></Dialog>
-                    <div>
-                        <div class="flex items-start rounded-t-xl border border-secondary p-4">
-                            <LockKeyhole class="mr-2 size-5 text-muted-foreground" />
-                            <div class="space-y-1">
-                                <h3 class="font-medium">2FA Recovery Codes</h3>
-                                <p class="text-sm text-muted-foreground">
-                                    Recovery codes let you regain access if you lose your 2FA device. Store them in a secure password manager.
-                                </p>
-                            </div>
-                        </div>
-
-                        <div class="rounded-b-xl border border-t-0 text-sm">
-                            <div
-                                @click="toggleRecoveryCodesVisibility"
-                                class="group flex h-10 cursor-pointer items-center justify-between px-5 text-xs select-none"
+                    <Card>
+                        <CardHeader>
+                            <CardTitle class="flex gap-3"><LockKeyhole class="size-4" /> 2FA Recovery Codes</CardTitle>
+                            <CardDescription
+                                >Recovery codes let you regain access if you lose your 2FA device. Store them in a secure password
+                                manager.</CardDescription
                             >
-                                <div :class="`relative ${!recoveryCodes.isVisible ? 'opacity-40 hover:opacity-60' : 'opacity-60'}`">
-                                    <span v-if="!recoveryCodes.isVisible" class="flex items-center space-x-1">
-                                        <Eye class="size-4" /> <span>View My Recovery Codes</span>
-                                    </span>
-                                    <span v-else class="flex items-center space-x-1">
-                                        <EyeOff class="size-4" /> <span>Hide Recovery Codes</span>
-                                    </span>
-                                </div>
-
+                        </CardHeader>
+                        <CardContent>
+                            <div class="group flex items-center justify-between select-none">
+                                <Button @click="toggleRecoveryCodesVisibility">
+                                    <component :is="recoveryCodes.isVisible ? EyeOff : Eye" class="size-4" />
+                                    {{ recoveryCodes.isVisible ? 'Hide' : 'View' }} Recovery Codes
+                                </Button>
                                 <Form
                                     v-if="recoveryCodes.isVisible"
                                     :action="route('two-factor.recovery-codes')"
@@ -194,29 +184,31 @@ const handleSetupAction = (): void => {
                                         preserveScroll: true,
                                     }"
                                 >
-                                    <Button size="sm" variant="secondary" type="submit" :disabled="processing" @click.stop="toggleRecoveryCodesVisibility">
+                                    <Button variant="secondary" type="submit" :disabled="processing" @click.stop="toggleRecoveryCodesVisibility">
+                                        <RefreshCw />
                                         {{ processing ? 'Regenerating...' : 'Regenerate Codes' }}
                                     </Button>
                                 </Form>
                             </div>
 
                             <div
-                                class="relative overflow-hidden transition-all duration-300"
-                                :style="{
-                                    height: recoveryCodes.isVisible ? 'auto' : '0',
-                                    opacity: recoveryCodes.isVisible ? 1 : 0,
-                                }"
+                                :class="[
+                                    'relative overflow-hidden transition-all duration-300',
+                                    recoveryCodes.isVisible ? 'h-auto opacity-100' : 'h-0 opacity-0',
+                                ]"
                             >
-                                <div class="grid max-w-xl gap-1 bg-muted p-4 font-mono text-sm">
-                                    <div v-for="(code, index) in recoveryCodes.list" :key="index">{{ code }}</div>
+                                <div class="space-y-3 mt-3">
+                                    <div class="grid gap-1 rounded-lg bg-muted p-4 font-mono text-sm">
+                                        <div v-for="(code, index) in recoveryCodes.list" :key="index">{{ code }}</div>
+                                    </div>
+                                    <p class="text-xs text-muted-foreground select-none">
+                                        You have {{ recoveryCodes.list?.length }} recovery codes left. Each can be used once to access your account
+                                        and will be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
+                                    </p>
                                 </div>
-                                <p class="text-xs text-muted-foreground select-none">
-                                    You have {{ recoveryCodes.list?.length }} recovery codes left. Each can be used once to access your account and
-                                    will be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
-                                </p>
                             </div>
-                        </div>
-                    </div>
+                        </CardContent>
+                    </Card>
 
                     <div class="relative inline">
                         <Form
@@ -227,6 +219,7 @@ const handleSetupAction = (): void => {
                             @success="disableTwoFactorAuthenticationSuccess"
                         >
                             <Button variant="destructive" type="submit" :disabled="processing">
+                                <ShieldBan />
                                 {{ processing ? 'Disabling...' : 'Disable 2FA' }}
                             </Button>
                         </Form>
@@ -238,15 +231,11 @@ const handleSetupAction = (): void => {
                         <DialogHeader class="flex items-center justify-center">
                             <div class="mb-3 w-auto rounded-full border border-border bg-card p-0.5 shadow-sm">
                                 <div class="relative overflow-hidden rounded-full border border-border bg-muted p-2.5">
-                                    <div
-                                        class="absolute inset-0 flex size-full items-stretch justify-around divide-x divide-border opacity-50 [&>div]:flex-1"
-                                    >
-                                        <div v-for="i in 5" :key="i"></div>
+                                    <div class="absolute inset-0 grid grid-cols-5 opacity-50">
+                                        <div v-for="i in 5" :key="`col-${i}`" class="border-r border-border last:border-r-0"></div>
                                     </div>
-                                    <div
-                                        class="absolute inset-0 flex size-full flex-col items-stretch justify-around divide-y divide-border opacity-50 [&>div]:flex-1"
-                                    >
-                                        <div v-for="i in 5" :key="i"></div>
+                                    <div class="absolute inset-0 grid grid-rows-5 opacity-50">
+                                        <div v-for="i in 5" :key="`row-${i}`" class="border-b border-border last:border-b-0"></div>
                                     </div>
                                     <ScanLine class="relative z-20 size-6 text-foreground" />
                                 </div>

From da99c255d26d0d7ca214dde90bffd4c0189556b5 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 01:37:34 +0530
Subject: [PATCH 16/58] fix: use `hasEnabledTwoFactorAuthentication` for
 improved logic clarity in session handling

---
 app/Http/Controllers/Auth/AuthenticatedSessionController.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/Http/Controllers/Auth/AuthenticatedSessionController.php b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
index 8792c434..712cd5d6 100644
--- a/app/Http/Controllers/Auth/AuthenticatedSessionController.php
+++ b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
@@ -32,7 +32,7 @@ public function store(LoginRequest $request): RedirectResponse
     {
         $user = $request->validateCredentials();
 
-        if (Fortify::confirmsTwoFactorAuthentication() && filled($user->two_factor_confirmed_at)) {
+        if (Fortify::confirmsTwoFactorAuthentication() && $user->hasEnabledTwoFactorAuthentication()) {
             $request->session()->put([
                 'login.id' => $user->getKey(),
                 'login.remember' => $request->boolean('remember'),

From f93dc5389c2ab159f4449150bead640f306a535c Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 02:09:26 +0530
Subject: [PATCH 17/58] refactor: streamline TwoFactor UI logic, improve
 recovery mode toggle, and standardize naming conventions

---
 app/Models/User.php                           |  2 +-
 resources/js/composables/useClipboard.ts      | 10 +--
 resources/js/composables/useTwoFactorAuth.ts  |  2 +-
 .../js/pages/auth/TwoFactorChallenge.vue      | 79 +++++++++----------
 4 files changed, 43 insertions(+), 50 deletions(-)

diff --git a/app/Models/User.php b/app/Models/User.php
index a81a74b7..dea2e926 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -11,7 +11,7 @@
 class User extends Authenticatable
 {
     /** @use HasFactory<\Database\Factories\UserFactory> */
-    use HasFactory, Notifiable,TwoFactorAuthenticatable;
+    use HasFactory, Notifiable, TwoFactorAuthenticatable;
 
     /**
      * The attributes that are mass assignable.
diff --git a/resources/js/composables/useClipboard.ts b/resources/js/composables/useClipboard.ts
index e106ddd9..bb2ba915 100644
--- a/resources/js/composables/useClipboard.ts
+++ b/resources/js/composables/useClipboard.ts
@@ -6,14 +6,14 @@ interface ClipboardOptions {
 
 export function useClipboard(options: ClipboardOptions = {}) {
     const { timeout = 1500 } = options;
-    
+
     const copied = ref(false);
-    
+
     const copyToClipboard = async (text: string): Promise<void> => {
         if (typeof window === 'undefined' || !navigator.clipboard) {
             return;
         }
-        
+
         try {
             await navigator.clipboard.writeText(text);
             copied.value = true;
@@ -22,9 +22,9 @@ export function useClipboard(options: ClipboardOptions = {}) {
             console.error('Failed to copy to clipboard:', error);
         }
     };
-    
+
     return {
         copied,
         copyToClipboard,
     };
-}
\ No newline at end of file
+}
diff --git a/resources/js/composables/useTwoFactorAuth.ts b/resources/js/composables/useTwoFactorAuth.ts
index 83b0665b..5a089c9a 100644
--- a/resources/js/composables/useTwoFactorAuth.ts
+++ b/resources/js/composables/useTwoFactorAuth.ts
@@ -19,4 +19,4 @@ export const useTwoFactorAuth = () => {
         fetchManualSetupKey,
         fetchRecoveryCodes,
     };
-};
\ No newline at end of file
+};
diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index 59573b0d..def7faf7 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch, nextTick, computed } from 'vue';
+import { computed, ComputedRef, nextTick, ref, watch } from 'vue';
 import { Head, Form } from '@inertiajs/vue3';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
@@ -7,59 +7,52 @@ import InputError from '@/components/InputError.vue';
 import AuthLayout from '@/layouts/AuthLayout.vue';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 
-const recovery = ref(false);
-const pinValue = ref<number[]>([]);
-const pinInputContainerRef = ref<HTMLElement | null>(null);
+const showRecoveryInput = ref(false);
+const code = ref<number[]>([]);
 const recoveryInputRef = ref<HTMLInputElement | null>(null);
 
-const codeValue = computed(() => pinValue.value.join(''));
+const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
 
-watch(recovery, (value) => {
-    if (value) {
-        nextTick(() => {
-            if (recoveryInputRef.value) {
-                recoveryInputRef.value?.focus();
-            }
-        });
-    } else {
+const authConfig = computed(() => {
+    return {
+        title: showRecoveryInput.value ? 'Recovery Code' : 'Authentication Code',
+        description: showRecoveryInput.value
+            ? 'Please confirm access to your account by entering one of your emergency recovery codes.'
+            : 'Enter the authentication code provided by your authenticator application.',
+        toggleText: showRecoveryInput.value
+            ? 'login using an authentication code'
+            : 'login using a recovery code',
+    };
+});
+
+watch(
+    showRecoveryInput,
+    (isRecoveryMode) => {
         nextTick(() => {
-            if (pinInputContainerRef.value) {
-                const firstInput = pinInputContainerRef.value.querySelector('input');
-                if (firstInput) firstInput.focus();
+            if (isRecoveryMode && recoveryInputRef.value) {
+                recoveryInputRef.value.focus();
             }
         });
-    }
-});
+    },
+);
 
-const toggleRecovery = (clearErrors: () => void) => {
-    recovery.value = !recovery.value;
+const toggleRecoveryMode = (clearErrors: () => void): void => {
+    showRecoveryInput.value = !showRecoveryInput.value;
     clearErrors();
-    pinValue.value = [];
-    const codeInput = document.querySelector('input[name="code"]') as HTMLInputElement;
-    const recoveryInput = document.querySelector('input[name="recovery_code"]') as HTMLInputElement;
-    if (codeInput) codeInput.value = '';
-    if (recoveryInput) recoveryInput.value = '';
-};
-</script>
+    code.value = [];
+};</script>
 
 <template>
-    <AuthLayout
-        :title="recovery ? 'Recovery Code' : 'Authentication Code'"
-        :description="
-            recovery
-                ? 'Please confirm access to your account by entering one of your emergency recovery codes.'
-                : 'Enter the authentication code provided by your authenticator application.'
-        "
-    >
+    <AuthLayout :title="authConfig.title" :description="authConfig.description">
         <Head title="Two Factor Authentication" />
 
         <div class="relative space-y-2">
-            <template v-if="!recovery">
+            <template v-if="!showRecoveryInput">
                 <Form :action="route('two-factor.login')" method="post" class="space-y-4" #default="{ errors, processing, clearErrors }">
                     <input type="hidden" name="code" :value="codeValue" />
                     <div class="flex flex-col items-center justify-center space-y-3 text-center">
-                        <div ref="pinInputContainerRef" class="flex w-full items-center justify-center">
-                            <PinInput id="otp" v-model="pinValue" class="mt-1" type="number" otp>
+                        <div class="flex w-full items-center justify-center">
+                            <PinInput id="otp" v-model="code" class="mt-1" type="number" otp>
                                 <PinInputGroup class="gap-2">
                                     <PinInputSlot
                                         v-for="(id, index) in 6"
@@ -73,16 +66,16 @@ const toggleRecovery = (clearErrors: () => void) => {
                         </div>
                         <InputError :message="errors.code" />
                     </div>
-                    <Button type="submit" class="w-full" :disabled="processing || pinValue.length !== 6"> Continue </Button>
+                    <Button type="submit" class="w-full" :disabled="processing || code.length !== 6"> Continue </Button>
 
                     <div class="mt-4 space-x-0.5 text-center text-sm leading-5 text-muted-foreground">
                         <span class="opacity-80">or you can </span>
                         <button
                             type="button"
                             class="cursor-pointer border-0 bg-transparent p-0 font-medium underline opacity-80"
-                            @click="() => toggleRecovery(clearErrors)"
+                            @click="() => toggleRecoveryMode(clearErrors)"
                         >
-                            login using a recovery code
+                            {{ authConfig.toggleText }}
                         </button>
                     </div>
                 </Form>
@@ -107,9 +100,9 @@ const toggleRecovery = (clearErrors: () => void) => {
                         <button
                             type="button"
                             class="cursor-pointer border-0 bg-transparent p-0 font-medium underline opacity-80"
-                            @click="() => toggleRecovery(clearErrors)"
+                            @click="() => toggleRecoveryMode(clearErrors)"
                         >
-                            login using an authentication code
+                            {{ authConfig.toggleText }}
                         </button>
                     </div>
                 </Form>

From f608bc4d9ed637bcd36760df0c8da46d5be18ed5 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 02:27:17 +0530
Subject: [PATCH 18/58] refactor: simplify TwoFactor test structure, replace
 manual assertions with Inertia assertions, and improve naming consistency

---
 .../Feature/Auth/PasswordConfirmationTest.php | 25 +----
 .../Settings/TwoFactorAuthenticationTest.php  | 94 ++++++++++---------
 2 files changed, 52 insertions(+), 67 deletions(-)

diff --git a/tests/Feature/Auth/PasswordConfirmationTest.php b/tests/Feature/Auth/PasswordConfirmationTest.php
index d2072ffd..c415b881 100644
--- a/tests/Feature/Auth/PasswordConfirmationTest.php
+++ b/tests/Feature/Auth/PasswordConfirmationTest.php
@@ -14,31 +14,14 @@ public function test_confirm_password_screen_can_be_rendered()
     {
         $user = User::factory()->create();
 
-        $response = $this->actingAs($user)->get('/confirm-password');
+        $response = $this->actingAs($user)->get('/user/confirm-password');
 
         $response->assertStatus(200);
     }
 
-    public function test_password_can_be_confirmed()
+    public function test_password_confirmation_requires_authentication()
     {
-        $user = User::factory()->create();
-
-        $response = $this->actingAs($user)->post('/confirm-password', [
-            'password' => 'password',
-        ]);
-
-        $response->assertRedirect();
-        $response->assertSessionHasNoErrors();
-    }
-
-    public function test_password_is_not_confirmed_with_invalid_password()
-    {
-        $user = User::factory()->create();
-
-        $response = $this->actingAs($user)->post('/confirm-password', [
-            'password' => 'wrong-password',
-        ]);
-
-        $response->assertSessionHasErrors();
+        $response = $this->get('/user/confirm-password');
+        $response->assertRedirect('/login');
     }
 }
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index 7b574807..e02c9c07 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -4,6 +4,7 @@
 
 use App\Models\User;
 use Illuminate\Foundation\Testing\RefreshDatabase;
+use Inertia\Testing\AssertableInertia as Assert;
 use Laravel\Fortify\Features;
 use Tests\TestCase;
 
@@ -11,75 +12,76 @@ class TwoFactorAuthenticationTest extends TestCase
 {
     use RefreshDatabase;
 
-    public function test_can_view_two_factor_settings_page()
+    public function test_renders_two_factor_settings_component()
     {
         $user = User::factory()->create();
 
-        $response = $this->actingAs($user)
-            ->get('/settings/two-factor');
-
-        $response->assertStatus(200);
-
-        $inertiaProps = $response->original?->getData() ?? [];
-        $props = $inertiaProps['page']['props'];
-        $this->assertArrayHasKey('confirmed', $props);
-        $this->assertArrayHasKey('requiresConfirmation', $props);
-        $this->assertFalse($props['confirmed']);
+        $this->actingAs($user)
+            ->get('/settings/two-factor')
+            ->assertInertia(fn (Assert $page) => $page
+                ->component('settings/TwoFactor')
+            );
     }
 
-    public function test_can_enable_two_factor_authentication()
+    public function test_passes_correct_props_to_two_factor_component()
     {
-        if (! Features::canManageTwoFactorAuthentication()) {
-            $this->markTestSkipped('Two factor authentication is not enabled.');
-        }
-
-        $this->actingAs($user = User::factory()->create());
+        $user = User::factory()->create();
 
-        $this->withSession(['auth.password_confirmed_at' => time()]);
+        $this->actingAs($user)
+            ->get('/settings/two-factor')
+            ->assertInertia(fn (Assert $page) => $page
+                ->component('settings/TwoFactor')
+                ->has('requiresConfirmation')
+                ->where('requiresConfirmation', true)
+                ->has('twoFactorEnabled')
+                ->where('twoFactorEnabled', false)
+            );
+    }
 
-        $this->post('/user/two-factor-authentication');
+    public function test_shows_two_factor_disabled_status_initially()
+    {
+        $user = User::factory()->create();
 
-        $this->assertNotNull($user->fresh()->two_factor_secret);
-        $this->assertCount(8, $user->fresh()->recoveryCodes());
+        $this->actingAs($user)
+            ->get('/settings/two-factor')
+            ->assertInertia(fn (Assert $page) => $page
+                ->where('twoFactorEnabled', false)
+            );
     }
 
-    public function test_recovery_codes_can_be_regenerated()
+    public function test_shows_two_factor_status_reflects_user_state()
     {
         if (! Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
-        $this->actingAs($user = User::factory()->create());
+        $user = User::factory()->create();
+        $this->actingAs($user);
 
         $this->withSession(['auth.password_confirmed_at' => time()]);
-
         $this->post('/user/two-factor-authentication');
-        $this->post('/user/two-factor-recovery-codes');
 
-        $user = $user->fresh();
-
-        $this->post('/user/two-factor-recovery-codes');
-
-        $this->assertCount(8, $user->recoveryCodes());
-        $this->assertCount(8, array_diff($user->recoveryCodes(), $user->fresh()->recoveryCodes()));
+        $this->get('/settings/two-factor')
+            ->assertInertia(fn (Assert $page) => $page
+                ->where('twoFactorEnabled', $user->fresh()->hasEnabledTwoFactorAuthentication())
+            );
     }
 
-    public function test_two_factor_authentication_can_be_disabled()
+    public function test_requires_confirmation_prop_matches_fortify_config()
     {
-        if (! Features::canManageTwoFactorAuthentication()) {
-            $this->markTestSkipped('Two factor authentication is not enabled.');
-        }
-
-        $this->actingAs($user = User::factory()->create());
-
-        $this->withSession(['auth.password_confirmed_at' => time()]);
-
-        $this->post('/user/two-factor-authentication');
-
-        $this->assertNotNull($user->fresh()->two_factor_secret);
+        $user = User::factory()->create();
+        $expectedRequiresConfirmation = Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm');
 
-        $this->delete('/user/two-factor-authentication');
+        $this->actingAs($user)
+            ->get('/settings/two-factor')
+            ->assertInertia(fn (Assert $page) => $page
+                ->where('requiresConfirmation', $expectedRequiresConfirmation)
+            );
+    }
 
-        $this->assertNull($user->fresh()->two_factor_secret);
+    public function test_two_factor_settings_page_requires_authentication()
+    {
+        $this->get('/settings/two-factor')
+            ->assertRedirect('/login');
     }
-}
+}
\ No newline at end of file

From b6610fc13aebdc10698758a2b86ab47baf45c7e2 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 02:27:54 +0530
Subject: [PATCH 19/58] chore: add newline to end of
 TwoFactorAuthenticationTest file

---
 tests/Feature/Settings/TwoFactorAuthenticationTest.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index e02c9c07..14754319 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -84,4 +84,4 @@ public function test_two_factor_settings_page_requires_authentication()
         $this->get('/settings/two-factor')
             ->assertRedirect('/login');
     }
-}
\ No newline at end of file
+}

From 8ba762c5edcc5a1e9d95a8986788665c4c6866bd Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 14:39:58 +0530
Subject: [PATCH 20/58] refactor: enhance TwoFactor UI with conditional enable
 button logic, refine recovery codes handling

---
 resources/js/pages/settings/TwoFactor.vue | 37 ++++++++++++++---------
 1 file changed, 23 insertions(+), 14 deletions(-)

diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 0d4cf4aa..1a47f4fa 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -11,7 +11,7 @@ import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
 import { Form, Head } from '@inertiajs/vue3';
-import { Check, Copy, Eye, EyeOff, Loader2, LockKeyhole, RefreshCw, ScanLine, ShieldBan } from 'lucide-vue-next';
+import { Check, Copy, Eye, EyeOff, Loader2, LockKeyhole, RefreshCw, ScanLine, ShieldBan, ShieldCheck } from 'lucide-vue-next';
 import { computed, ComputedRef, nextTick, reactive, ref } from 'vue';
 
 const props = withDefaults(
@@ -140,16 +140,21 @@ const handleSetupAction = (): void => {
                     </p>
                     <Dialog v-model:open="modalState.isOpen">
                         <DialogTrigger as-child>
-                            <Form
-                                :action="route('two-factor.enable')"
-                                method="post"
-                                @success="enableTwoFactorAuthenticationSuccess"
-                                #default="{ processing }"
-                            >
-                                <Button type="submit" :disabled="processing">
-                                    {{ processing ? 'Enabling...' : 'Enable' }}
-                                </Button>
-                            </Form>
+                            <template v-if="setupData.qrCodeSvg && setupData.manualSetupKey">
+                                <Button @click="modalState.isOpen = true"> <ShieldCheck />Enable </Button>
+                            </template>
+                            <template v-else>
+                                <Form
+                                    :action="route('two-factor.enable')"
+                                    method="post"
+                                    @success="enableTwoFactorAuthenticationSuccess"
+                                    #default="{ processing }"
+                                >
+                                    <Button type="submit" :disabled="processing">
+                                        {{ processing ? 'Enabling...' : 'Enable' }}
+                                    </Button>
+                                </Form>
+                            </template>
                         </DialogTrigger>
                     </Dialog>
                 </div>
@@ -160,7 +165,6 @@ const handleSetupAction = (): void => {
                         With two factor authentication enabled, you'll be prompted for a secure, random token during login, which you can retrieve
                         from your TOTP Authenticator app.
                     </p>
-                    <Dialog v-model:open="modalState.isOpen"></Dialog>
                     <Card>
                         <CardHeader>
                             <CardTitle class="flex gap-3"><LockKeyhole class="size-4" /> 2FA Recovery Codes</CardTitle>
@@ -183,8 +187,13 @@ const handleSetupAction = (): void => {
                                     :options="{
                                         preserveScroll: true,
                                     }"
+                                    @success="
+                                        () => {
+                                            fetchRecoveryCodes().then((codes) => (recoveryCodes.list = codes));
+                                        }
+                                    "
                                 >
-                                    <Button variant="secondary" type="submit" :disabled="processing" @click.stop="toggleRecoveryCodesVisibility">
+                                    <Button variant="secondary" type="submit" :disabled="processing">
                                         <RefreshCw />
                                         {{ processing ? 'Regenerating...' : 'Regenerate Codes' }}
                                     </Button>
@@ -197,7 +206,7 @@ const handleSetupAction = (): void => {
                                     recoveryCodes.isVisible ? 'h-auto opacity-100' : 'h-0 opacity-0',
                                 ]"
                             >
-                                <div class="space-y-3 mt-3">
+                                <div class="mt-3 space-y-3">
                                     <div class="grid gap-1 rounded-lg bg-muted p-4 font-mono text-sm">
                                         <div v-for="(code, index) in recoveryCodes.list" :key="index">{{ code }}</div>
                                     </div>

From c4d5d06332c03744726de20bedff96298625e6ec Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 14:42:42 +0530
Subject: [PATCH 21/58] refactor: enhance TwoFactor UI with conditional enable
 button logic, refine recovery codes handling

---
 resources/js/pages/settings/TwoFactor.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 1a47f4fa..0654e25e 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -151,7 +151,7 @@ const handleSetupAction = (): void => {
                                     #default="{ processing }"
                                 >
                                     <Button type="submit" :disabled="processing">
-                                        {{ processing ? 'Enabling...' : 'Enable' }}
+                                      <ShieldCheck />  {{ processing ? 'Enabling...' : 'Enable' }}
                                     </Button>
                                 </Form>
                             </template>

From bd1d90cd6161853736e1473f7a7a4e50300b4d53 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 14:44:24 +0530
Subject: [PATCH 22/58] refactor: inline two-factor authentication composable
 logic into TwoFactor component to simplify structure

---
 resources/js/composables/useTwoFactorAuth.ts | 22 --------------------
 resources/js/pages/settings/TwoFactor.vue    | 17 +++++++++++++--
 2 files changed, 15 insertions(+), 24 deletions(-)
 delete mode 100644 resources/js/composables/useTwoFactorAuth.ts

diff --git a/resources/js/composables/useTwoFactorAuth.ts b/resources/js/composables/useTwoFactorAuth.ts
deleted file mode 100644
index 5a089c9a..00000000
--- a/resources/js/composables/useTwoFactorAuth.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-export const useTwoFactorAuth = () => {
-    const fetchQRCode = async (): Promise<{ svg: string }> => {
-        const response = await fetch(route('two-factor.qr-code'));
-        return await response.json();
-    };
-
-    const fetchManualSetupKey = async (): Promise<{ secretKey: string }> => {
-        const response = await fetch(route('two-factor.secret-key'));
-        return await response.json();
-    };
-
-    const fetchRecoveryCodes = async (): Promise<string[]> => {
-        const response = await fetch(route('two-factor.recovery-codes'));
-        return await response.json();
-    };
-
-    return {
-        fetchQRCode,
-        fetchManualSetupKey,
-        fetchRecoveryCodes,
-    };
-};
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 0654e25e..24ffec98 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -7,7 +7,6 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 import { useClipboard } from '@/composables/useClipboard';
-import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
 import { Form, Head } from '@inertiajs/vue3';
@@ -33,7 +32,21 @@ const breadcrumbs = [
 ];
 
 const { copied, copyToClipboard } = useClipboard();
-const { fetchQRCode, fetchManualSetupKey, fetchRecoveryCodes } = useTwoFactorAuth();
+
+const fetchQRCode = async (): Promise<{ svg: string }> => {
+    const response = await fetch(route('two-factor.qr-code'));
+    return await response.json();
+};
+
+const fetchManualSetupKey = async (): Promise<{ secretKey: string }> => {
+    const response = await fetch(route('two-factor.secret-key'));
+    return await response.json();
+};
+
+const fetchRecoveryCodes = async (): Promise<string[]> => {
+    const response = await fetch(route('two-factor.recovery-codes'));
+    return await response.json();
+};
 
 const setupData = reactive({
     qrCodeSvg: null as string | null,

From 0fe245299b1779fa7d0e4ce61b05aa7926acaad7 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 14:51:13 +0530
Subject: [PATCH 23/58] refactor: remove unused `ref` and `focus` logic from
 Input component to simplify structure

---
 resources/js/components/ui/input/Input.vue | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/resources/js/components/ui/input/Input.vue b/resources/js/components/ui/input/Input.vue
index 51d3c5c0..182020d6 100644
--- a/resources/js/components/ui/input/Input.vue
+++ b/resources/js/components/ui/input/Input.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { ref } from 'vue'
 import { cn } from '@/lib/utils'
 import { useVModel } from '@vueuse/core'
 
@@ -18,16 +17,6 @@ const modelValue = useVModel(props, 'modelValue', emits, {
   passive: true,
   defaultValue: props.defaultValue,
 })
-
-const inputRef = ref<HTMLInputElement>()
-
-const focus = () => {
-  inputRef.value?.focus()
-}
-
-defineExpose({
-  focus
-})
 </script>
 
 <template>

From a6d28f495b9c4f18f9b37d8221777faac435a895 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 16:09:54 +0530
Subject: [PATCH 24/58] refactor: enhance two-factor authentication flow with
 middleware checks, improved UI spacing, and expanded test coverage

---
 .../Auth/AuthenticatedSessionController.php   |  4 +-
 .../TwoFactorAuthenticationController.php     |  3 ++
 .../js/pages/auth/TwoFactorChallenge.vue      | 49 +++++++------------
 routes/settings.php                           |  2 +-
 tests/Feature/Auth/AuthenticationTest.php     | 39 +++++++++++++++
 .../Settings/TwoFactorAuthenticationTest.php  | 45 ++++++++++++++++-
 6 files changed, 107 insertions(+), 35 deletions(-)

diff --git a/app/Http/Controllers/Auth/AuthenticatedSessionController.php b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
index 712cd5d6..f57ef68c 100644
--- a/app/Http/Controllers/Auth/AuthenticatedSessionController.php
+++ b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
@@ -10,7 +10,7 @@
 use Illuminate\Support\Facades\Route;
 use Inertia\Inertia;
 use Inertia\Response;
-use Laravel\Fortify\Fortify;
+use Laravel\Fortify\Features;
 
 class AuthenticatedSessionController extends Controller
 {
@@ -32,7 +32,7 @@ public function store(LoginRequest $request): RedirectResponse
     {
         $user = $request->validateCredentials();
 
-        if (Fortify::confirmsTwoFactorAuthentication() && $user->hasEnabledTwoFactorAuthentication()) {
+        if (Features::enabled(Features::twoFactorAuthentication()) && $user->hasEnabledTwoFactorAuthentication()) {
             $request->session()->put([
                 'login.id' => $user->getKey(),
                 'login.remember' => $request->boolean('remember'),
diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 2d96e141..706d8797 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -18,6 +18,9 @@ class TwoFactorAuthenticationController extends Controller
      */
     public function show(Request $request): Response
     {
+        if (! Features::enabled(Features::twoFactorAuthentication())) {
+            abort(403, 'Two factor authentication is disabled.');
+        }
         $this->validateTwoFactorAuthenticationState($request);
 
         return Inertia::render('settings/TwoFactor', [
diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index def7faf7..6be26746 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { computed, ComputedRef, nextTick, ref, watch } from 'vue';
-import { Head, Form } from '@inertiajs/vue3';
+import InputError from '@/components/InputError.vue';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
-import InputError from '@/components/InputError.vue';
-import AuthLayout from '@/layouts/AuthLayout.vue';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
+import AuthLayout from '@/layouts/AuthLayout.vue';
+import { Form, Head } from '@inertiajs/vue3';
+import { computed, ComputedRef, ref } from 'vue';
 
 const showRecoveryInput = ref(false);
 const code = ref<number[]>([]);
@@ -19,34 +19,22 @@ const authConfig = computed(() => {
         description: showRecoveryInput.value
             ? 'Please confirm access to your account by entering one of your emergency recovery codes.'
             : 'Enter the authentication code provided by your authenticator application.',
-        toggleText: showRecoveryInput.value
-            ? 'login using an authentication code'
-            : 'login using a recovery code',
+        toggleText: showRecoveryInput.value ? 'login using an authentication code' : 'login using a recovery code',
     };
 });
 
-watch(
-    showRecoveryInput,
-    (isRecoveryMode) => {
-        nextTick(() => {
-            if (isRecoveryMode && recoveryInputRef.value) {
-                recoveryInputRef.value.focus();
-            }
-        });
-    },
-);
-
 const toggleRecoveryMode = (clearErrors: () => void): void => {
     showRecoveryInput.value = !showRecoveryInput.value;
     clearErrors();
     code.value = [];
-};</script>
+};
+</script>
 
 <template>
     <AuthLayout :title="authConfig.title" :description="authConfig.description">
         <Head title="Two Factor Authentication" />
 
-        <div class="relative space-y-2">
+        <div class="space-y-6">
             <template v-if="!showRecoveryInput">
                 <Form :action="route('two-factor.login')" method="post" class="space-y-4" #default="{ errors, processing, clearErrors }">
                     <input type="hidden" name="code" :value="codeValue" />
@@ -66,13 +54,13 @@ const toggleRecoveryMode = (clearErrors: () => void): void => {
                         </div>
                         <InputError :message="errors.code" />
                     </div>
-                    <Button type="submit" class="w-full" :disabled="processing || code.length !== 6"> Continue </Button>
-
-                    <div class="mt-4 space-x-0.5 text-center text-sm leading-5 text-muted-foreground">
-                        <span class="opacity-80">or you can </span>
+                    <InputError :message="errors.code" />
+                    <Button type="submit" class="w-full" :disabled="processing">Continue</Button>
+                    <div class="text-center text-sm text-muted-foreground">
+                        <span>or you can </span>
                         <button
                             type="button"
-                            class="cursor-pointer border-0 bg-transparent p-0 font-medium underline opacity-80"
+                            class="text-foreground underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500"
                             @click="() => toggleRecoveryMode(clearErrors)"
                         >
                             {{ authConfig.toggleText }}
@@ -87,19 +75,18 @@ const toggleRecoveryMode = (clearErrors: () => void): void => {
                         ref="recoveryInputRef"
                         name="recovery_code"
                         type="text"
-                        class="block w-full"
                         placeholder="Enter recovery code"
-                        autofocus
+                        :autofocus="showRecoveryInput"
                         required
                     />
                     <InputError :message="errors.recovery_code" />
-                    <Button type="submit" class="w-full" :disabled="processing"> Continue </Button>
+                    <Button type="submit" class="w-full" :disabled="processing">Continue</Button>
 
-                    <div class="mt-4 space-x-0.5 text-center text-sm leading-5 text-muted-foreground">
-                        <span class="opacity-80">or you can </span>
+                    <div class="text-center text-sm text-muted-foreground">
+                        <span>or you can </span>
                         <button
                             type="button"
-                            class="cursor-pointer border-0 bg-transparent p-0 font-medium underline opacity-80"
+                            class="text-foreground underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500"
                             @click="() => toggleRecoveryMode(clearErrors)"
                         >
                             {{ authConfig.toggleText }}
diff --git a/routes/settings.php b/routes/settings.php
index 44eba16f..0ad8c7d8 100644
--- a/routes/settings.php
+++ b/routes/settings.php
@@ -24,6 +24,6 @@
     })->name('appearance');
 
     Route::get('settings/two-factor', [TwoFactorAuthenticationController::class, 'show'])
+        ->middleware('password.confirm')
         ->name('two-factor.show');
-
 });
diff --git a/tests/Feature/Auth/AuthenticationTest.php b/tests/Feature/Auth/AuthenticationTest.php
index c59d166a..ca19ffa2 100644
--- a/tests/Feature/Auth/AuthenticationTest.php
+++ b/tests/Feature/Auth/AuthenticationTest.php
@@ -4,6 +4,7 @@
 
 use App\Models\User;
 use Illuminate\Foundation\Testing\RefreshDatabase;
+use Laravel\Fortify\Features;
 use Tests\TestCase;
 
 class AuthenticationTest extends TestCase
@@ -30,6 +31,44 @@ public function test_users_can_authenticate_using_the_login_screen()
         $response->assertRedirect(route('dashboard', absolute: false));
     }
 
+    public function test_users_with_two_factor_enabled_are_redirected_to_two_factor_challenge()
+    {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        $user = User::factory()->create();
+
+        $user->forceFill([
+            'two_factor_secret' => encrypt('test-secret'),
+            'two_factor_recovery_codes' => encrypt(json_encode(['code1', 'code2'])),
+            'two_factor_confirmed_at' => now(),
+        ])->save();
+
+        $response = $this->post('/login', [
+            'email' => $user->email,
+            'password' => 'password',
+        ]);
+
+        $response->assertRedirect('/two-factor-challenge');
+        $response->assertSessionHas('login.id', $user->id);
+        $this->assertGuest();
+    }
+
+    public function test_users_without_two_factor_login_normally()
+    {
+        $user = User::factory()->create();
+
+        $response = $this->post('/login', [
+            'email' => $user->email,
+            'password' => 'password',
+        ]);
+
+        $this->assertAuthenticated();
+        $response->assertRedirect(route('dashboard', absolute: false));
+        $response->assertSessionMissing('login.id');
+    }
+
     public function test_users_can_not_authenticate_with_invalid_password()
     {
         $user = User::factory()->create();
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index 14754319..d1967c41 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -17,6 +17,7 @@ public function test_renders_two_factor_settings_component()
         $user = User::factory()->create();
 
         $this->actingAs($user)
+            ->withSession(['auth.password_confirmed_at' => time()])
             ->get('/settings/two-factor')
             ->assertInertia(fn (Assert $page) => $page
                 ->component('settings/TwoFactor')
@@ -26,13 +27,15 @@ public function test_renders_two_factor_settings_component()
     public function test_passes_correct_props_to_two_factor_component()
     {
         $user = User::factory()->create();
+        $expectedRequiresConfirmation = Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm');
 
         $this->actingAs($user)
+            ->withSession(['auth.password_confirmed_at' => time()])
             ->get('/settings/two-factor')
             ->assertInertia(fn (Assert $page) => $page
                 ->component('settings/TwoFactor')
                 ->has('requiresConfirmation')
-                ->where('requiresConfirmation', true)
+                ->where('requiresConfirmation', $expectedRequiresConfirmation)
                 ->has('twoFactorEnabled')
                 ->where('twoFactorEnabled', false)
             );
@@ -43,6 +46,7 @@ public function test_shows_two_factor_disabled_status_initially()
         $user = User::factory()->create();
 
         $this->actingAs($user)
+            ->withSession(['auth.password_confirmed_at' => time()])
             ->get('/settings/two-factor')
             ->assertInertia(fn (Assert $page) => $page
                 ->where('twoFactorEnabled', false)
@@ -73,6 +77,7 @@ public function test_requires_confirmation_prop_matches_fortify_config()
         $expectedRequiresConfirmation = Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm');
 
         $this->actingAs($user)
+            ->withSession(['auth.password_confirmed_at' => time()])
             ->get('/settings/two-factor')
             ->assertInertia(fn (Assert $page) => $page
                 ->where('requiresConfirmation', $expectedRequiresConfirmation)
@@ -84,4 +89,42 @@ public function test_two_factor_settings_page_requires_authentication()
         $this->get('/settings/two-factor')
             ->assertRedirect('/login');
     }
+
+    public function test_two_factor_settings_page_requires_password_confirmation()
+    {
+        $user = User::factory()->create();
+
+        $response = $this->actingAs($user)
+            ->get('/settings/two-factor');
+
+        // Should redirect to the password confirmation page
+        $response->assertRedirect();
+        $this->assertTrue(
+            str_contains($response->headers->get('location'), 'confirm-password'),
+            'Should redirect to password confirmation page'
+        );
+    }
+
+    public function test_two_factor_settings_page_validates_state_with_password_confirmation()
+    {
+        $user = User::factory()->create();
+
+        $this->actingAs($user)
+            ->withSession(['auth.password_confirmed_at' => time()])
+            ->get('/settings/two-factor')
+            ->assertOk();
+    }
+
+    public function test_two_factor_authentication_disabled_returns_403_when_feature_disabled()
+    {
+        if (Features::enabled(Features::twoFactorAuthentication())) {
+            $this->markTestSkipped('Two factor authentication is enabled.');
+        }
+
+        $user = User::factory()->create();
+
+        $this->actingAs($user)
+            ->get('/settings/two-factor')
+            ->assertForbidden();
+    }
 }

From fecc5d42dcd04234d9b1cf0fa2ae2117dfb36007 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 16:35:16 +0530
Subject: [PATCH 25/58] refactor: simplify TwoFactor component with
 async/await, refine recovery codes handling, and standardize UI consistency

---
 resources/js/pages/settings/TwoFactor.vue | 235 +++++++++++-----------
 1 file changed, 118 insertions(+), 117 deletions(-)

diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 24ffec98..151924a1 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -4,25 +4,24 @@ import InputError from '@/components/InputError.vue';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 import { useClipboard } from '@/composables/useClipboard';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
 import { Form, Head } from '@inertiajs/vue3';
 import { Check, Copy, Eye, EyeOff, Loader2, LockKeyhole, RefreshCw, ScanLine, ShieldBan, ShieldCheck } from 'lucide-vue-next';
-import { computed, ComputedRef, nextTick, reactive, ref } from 'vue';
+import { computed, nextTick, reactive, ref } from 'vue';
 
-const props = withDefaults(
-    defineProps<{
-        requiresConfirmation?: boolean;
-        twoFactorEnabled?: boolean;
-    }>(),
-    {
-        requiresConfirmation: false,
-        twoFactorEnabled: false,
-    },
-);
+interface Props {
+    requiresConfirmation?: boolean;
+    twoFactorEnabled?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    requiresConfirmation: false,
+    twoFactorEnabled: false,
+});
 
 const breadcrumbs = [
     {
@@ -33,21 +32,6 @@ const breadcrumbs = [
 
 const { copied, copyToClipboard } = useClipboard();
 
-const fetchQRCode = async (): Promise<{ svg: string }> => {
-    const response = await fetch(route('two-factor.qr-code'));
-    return await response.json();
-};
-
-const fetchManualSetupKey = async (): Promise<{ secretKey: string }> => {
-    const response = await fetch(route('two-factor.secret-key'));
-    return await response.json();
-};
-
-const fetchRecoveryCodes = async (): Promise<string[]> => {
-    const response = await fetch(route('two-factor.recovery-codes'));
-    return await response.json();
-};
-
 const setupData = reactive({
     qrCodeSvg: null as string | null,
     manualSetupKey: null as string | null,
@@ -58,42 +42,6 @@ const modalState = reactive({
     isInVerificationStep: false,
 });
 
-const recoveryCodes = reactive({
-    list: [] as string[],
-    isVisible: false,
-});
-
-const enableTwoFactorAuthenticationSuccess = (): void => {
-    Promise.all([
-        fetchQRCode().then((data) => (setupData.qrCodeSvg = data.svg)),
-        fetchManualSetupKey().then((data) => (setupData.manualSetupKey = data.secretKey)),
-        fetchRecoveryCodes().then((codes) => (recoveryCodes.list = codes)),
-    ]).then(() => {
-        modalState.isOpen = true;
-    });
-};
-
-const code = ref<number[]>([]);
-const pinInputContainerRef = ref<HTMLElement | null>(null);
-const verificationCode: ComputedRef<string> = computed(() => code.value.join(''));
-
-const toggleRecoveryCodesVisibility = () => {
-    if (!recoveryCodes.isVisible && recoveryCodes.list.length === 0) {
-        fetchRecoveryCodes().then((codes) => (recoveryCodes.list = codes));
-    }
-    recoveryCodes.isVisible = !recoveryCodes.isVisible;
-};
-
-const disableTwoFactorAuthenticationSuccess = (): void => {
-    modalState.isInVerificationStep = false;
-    modalState.isOpen = false;
-    setupData.qrCodeSvg = null;
-    setupData.manualSetupKey = null;
-    recoveryCodes.list = [];
-    recoveryCodes.isVisible = false;
-    code.value = [];
-};
-
 const modalConfig = computed(() => {
     if (props.twoFactorEnabled) {
         return {
@@ -118,7 +66,7 @@ const modalConfig = computed(() => {
     };
 });
 
-const handleSetupAction = (): void => {
+const handleModalNextStep = () => {
     if (props.twoFactorEnabled) {
         modalState.isOpen = false;
         return;
@@ -127,16 +75,78 @@ const handleSetupAction = (): void => {
     if (props.requiresConfirmation) {
         modalState.isInVerificationStep = true;
         nextTick(() => {
-            if (pinInputContainerRef.value) {
-                const firstInput = pinInputContainerRef.value.querySelector('input');
-                if (firstInput) firstInput.focus();
-            }
+            const firstInput = pinInputContainerRef.value?.querySelector('input');
+            firstInput?.focus();
         });
         return;
     }
 
     modalState.isOpen = false;
 };
+
+const enableTwoFactorAuthenticationSuccess = async () => {
+    try {
+        modalState.isOpen = true;
+        const [qrResponse, keyResponse, codesResponse] = await Promise.all([
+            fetch(route('two-factor.qr-code'), { headers: { Accept: 'application/json' } }),
+            fetch(route('two-factor.secret-key'), { headers: { Accept: 'application/json' } }),
+            fetch(route('two-factor.recovery-codes'), { headers: { Accept: 'application/json' } }),
+        ]);
+
+        const { svg } = await qrResponse.json();
+        const { secretKey } = await keyResponse.json();
+        const codes = await codesResponse.json();
+
+        setupData.qrCodeSvg = svg;
+        setupData.manualSetupKey = secretKey;
+        recoveryCodes.list = codes;
+    } catch (error) {
+        console.error('Failed to enable 2FA:', error);
+    }
+};
+
+const disableTwoFactorAuthenticationSuccess = () => {
+    modalState.isInVerificationStep = false;
+    modalState.isOpen = false;
+    setupData.qrCodeSvg = null;
+    setupData.manualSetupKey = null;
+    recoveryCodes.list = [];
+    recoveryCodes.isVisible = false;
+    code.value = [];
+};
+
+const recoveryCodes = reactive({
+    list: [] as string[],
+    isVisible: false,
+});
+const recoveryCodeSectionRef = ref<HTMLDivElement | null>(null);
+
+const fetchRecoveryCodes = async () => {
+    try {
+        const response = await fetch(route('two-factor.recovery-codes'), {
+            headers: { Accept: 'application/json' },
+        });
+        recoveryCodes.list = await response.json();
+    } catch (error) {
+        console.error('Failed to fetch recovery codes:', error);
+    }
+};
+
+const toggleRecoveryCodesVisibility = async () => {
+    if (!recoveryCodes.isVisible && recoveryCodes.list.length === 0) {
+        await fetchRecoveryCodes();
+    }
+    recoveryCodes.isVisible = !recoveryCodes.isVisible;
+
+    if (recoveryCodes.isVisible) {
+        await nextTick();
+        recoveryCodeSectionRef.value?.scrollIntoView({ behavior: 'smooth', });
+    }
+};
+
+const code = ref<number[]>([]);
+const pinInputContainerRef = ref<HTMLElement | null>(null);
+const verificationCode = computed(() => code.value.join(''));
 </script>
 
 <template>
@@ -145,46 +155,43 @@ const handleSetupAction = (): void => {
         <SettingsLayout>
             <div class="space-y-6">
                 <HeadingSmall title="Two-Factor Authentication" description="Manage your two-factor authentication settings" />
+
                 <div v-if="!twoFactorEnabled" class="flex flex-col items-start justify-start space-y-4">
-                    <Badge variant="destructive"> Disabled </Badge>
+                    <Badge variant="destructive">Disabled</Badge>
                     <p class="text-muted-foreground">
                         When you enable 2FA, you'll be prompted for a secure code during login, which can be retrieved from your phone's TOTP
                         supported app.
                     </p>
+
                     <Dialog v-model:open="modalState.isOpen">
-                        <DialogTrigger as-child>
-                            <template v-if="setupData.qrCodeSvg && setupData.manualSetupKey">
-                                <Button @click="modalState.isOpen = true"> <ShieldCheck />Enable </Button>
-                            </template>
-                            <template v-else>
-                                <Form
-                                    :action="route('two-factor.enable')"
-                                    method="post"
-                                    @success="enableTwoFactorAuthenticationSuccess"
-                                    #default="{ processing }"
-                                >
-                                    <Button type="submit" :disabled="processing">
-                                      <ShieldCheck />  {{ processing ? 'Enabling...' : 'Enable' }}
-                                    </Button>
-                                </Form>
-                            </template>
-                        </DialogTrigger>
+                        <Button v-if="setupData.qrCodeSvg && setupData.manualSetupKey" @click="modalState.isOpen = true">
+                            <ShieldCheck />Enable
+                        </Button>
+                        <Form
+                            v-else
+                            :action="route('two-factor.enable')"
+                            method="post"
+                            @success="enableTwoFactorAuthenticationSuccess"
+                            #default="{ processing }"
+                        >
+                            <Button type="submit" :disabled="processing"> <ShieldCheck />{{ processing ? 'Enabling...' : 'Enable' }} </Button>
+                        </Form>
                     </Dialog>
                 </div>
 
-                <div v-if="twoFactorEnabled" class="flex flex-col items-start justify-start space-y-4">
-                    <Badge variant="default"> Enabled </Badge>
+                <div v-else class="flex flex-col items-start justify-start space-y-4">
+                    <Badge variant="default">Enabled</Badge>
                     <p class="text-muted-foreground">
                         With two factor authentication enabled, you'll be prompted for a secure, random token during login, which you can retrieve
                         from your TOTP Authenticator app.
                     </p>
+
                     <Card>
                         <CardHeader>
-                            <CardTitle class="flex gap-3"><LockKeyhole class="size-4" /> 2FA Recovery Codes</CardTitle>
-                            <CardDescription
-                                >Recovery codes let you regain access if you lose your 2FA device. Store them in a secure password
-                                manager.</CardDescription
-                            >
+                            <CardTitle class="flex gap-3"> <LockKeyhole class="size-4" />2FA Recovery Codes </CardTitle>
+                            <CardDescription>
+                                Recovery codes let you regain access if you lose your 2FA device. Store them in a secure password manager.
+                            </CardDescription>
                         </CardHeader>
                         <CardContent>
                             <div class="group flex items-center justify-between select-none">
@@ -196,15 +203,9 @@ const handleSetupAction = (): void => {
                                     v-if="recoveryCodes.isVisible"
                                     :action="route('two-factor.recovery-codes')"
                                     method="post"
+                                    :options="{ preserveScroll: true }"
+                                    @success="fetchRecoveryCodes"
                                     #default="{ processing }"
-                                    :options="{
-                                        preserveScroll: true,
-                                    }"
-                                    @success="
-                                        () => {
-                                            fetchRecoveryCodes().then((codes) => (recoveryCodes.list = codes));
-                                        }
-                                    "
                                 >
                                     <Button variant="secondary" type="submit" :disabled="processing">
                                         <RefreshCw />
@@ -220,12 +221,14 @@ const handleSetupAction = (): void => {
                                 ]"
                             >
                                 <div class="mt-3 space-y-3">
-                                    <div class="grid gap-1 rounded-lg bg-muted p-4 font-mono text-sm">
-                                        <div v-for="(code, index) in recoveryCodes.list" :key="index">{{ code }}</div>
+                                    <div ref="recoveryCodeSectionRef" class="grid gap-1 rounded-lg bg-muted p-4 font-mono text-sm">
+                                        <div v-for="(code, index) in recoveryCodes.list" :key="index">
+                                            {{ code }}
+                                        </div>
                                     </div>
                                     <p class="text-xs text-muted-foreground select-none">
-                                        You have {{ recoveryCodes.list?.length }} recovery codes left. Each can be used once to access your account
-                                        and will be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
+                                        You have {{ recoveryCodes.list.length }} recovery codes left. Each can be used once to access your account and
+                                        will be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
                                     </p>
                                 </div>
                             </div>
@@ -237,8 +240,8 @@ const handleSetupAction = (): void => {
                             :action="route('two-factor.disable')"
                             :async="false"
                             method="delete"
-                            #default="{ processing }"
                             @success="disableTwoFactorAuthenticationSuccess"
+                            #default="{ processing }"
                         >
                             <Button variant="destructive" type="submit" :disabled="processing">
                                 <ShieldBan />
@@ -254,17 +257,15 @@ const handleSetupAction = (): void => {
                             <div class="mb-3 w-auto rounded-full border border-border bg-card p-0.5 shadow-sm">
                                 <div class="relative overflow-hidden rounded-full border border-border bg-muted p-2.5">
                                     <div class="absolute inset-0 grid grid-cols-5 opacity-50">
-                                        <div v-for="i in 5" :key="`col-${i}`" class="border-r border-border last:border-r-0"></div>
+                                        <div v-for="i in 5" :key="`col-${i}`" class="border-r border-border last:border-r-0" />
                                     </div>
                                     <div class="absolute inset-0 grid grid-rows-5 opacity-50">
-                                        <div v-for="i in 5" :key="`row-${i}`" class="border-b border-border last:border-b-0"></div>
+                                        <div v-for="i in 5" :key="`row-${i}`" class="border-b border-border last:border-b-0" />
                                     </div>
                                     <ScanLine class="relative z-20 size-6 text-foreground" />
                                 </div>
                             </div>
-                            <DialogTitle>
-                                {{ modalConfig.title }}
-                            </DialogTitle>
+                            <DialogTitle>{{ modalConfig.title }}</DialogTitle>
                             <DialogDescription class="text-center">
                                 {{ modalConfig.description }}
                             </DialogDescription>
@@ -281,25 +282,25 @@ const handleSetupAction = (): void => {
                                             <Loader2 class="size-6 animate-spin" />
                                         </div>
                                         <div v-else class="relative z-10 overflow-hidden border p-5">
-                                            <div v-html="setupData.qrCodeSvg" class="flex aspect-square size-full items-center justify-center"></div>
+                                            <div v-html="setupData.qrCodeSvg" class="flex aspect-square size-full items-center justify-center" />
                                             <div v-if="setupData.qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
                                                 <div
                                                     class="absolute inset-x-0 h-0.5 bg-blue-500 opacity-60 transition-all duration-300 ease-in-out"
-                                                ></div>
+                                                />
                                             </div>
                                         </div>
                                     </div>
                                 </div>
 
                                 <div class="flex w-full items-center space-x-5">
-                                    <Button class="w-full" @click="handleSetupAction">
+                                    <Button class="w-full" @click="handleModalNextStep">
                                         {{ modalConfig.buttonText }}
                                     </Button>
                                 </div>
 
                                 <div class="relative flex w-full items-center justify-center">
-                                    <div class="absolute inset-0 top-1/2 h-px w-full bg-border"></div>
-                                    <span class="relative bg-card px-2 py-1"> or, enter the code manually </span>
+                                    <div class="absolute inset-0 top-1/2 h-px w-full bg-border" />
+                                    <span class="relative bg-card px-2 py-1">or, enter the code manually</span>
                                 </div>
 
                                 <div class="flex w-full items-center justify-center space-x-2">
@@ -330,7 +331,6 @@ const handleSetupAction = (): void => {
                                 <Form
                                     :action="route('two-factor.confirm')"
                                     method="post"
-                                    v-slot="{ errors, processing }"
                                     reset-on-error
                                     @success="
                                         () => {
@@ -338,6 +338,7 @@ const handleSetupAction = (): void => {
                                             modalState.isInVerificationStep = false;
                                         }
                                     "
+                                    v-slot="{ errors, processing }"
                                 >
                                     <input type="hidden" name="code" :value="verificationCode" />
                                     <div ref="pinInputContainerRef" class="relative w-full space-y-3">

From ef2931caef6ebca41cc7fb4ddeae4960ea39f31f Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 17:02:46 +0530
Subject: [PATCH 26/58] refactor: reset setup data on modal close, improve form
 handling, and simplify PinInput structure

---
 .../js/pages/auth/TwoFactorChallenge.vue      | 41 ++++++++-----------
 resources/js/pages/settings/TwoFactor.vue     |  9 ++--
 2 files changed, 22 insertions(+), 28 deletions(-)

diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index 6be26746..14e6f60e 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -7,12 +7,6 @@ import AuthLayout from '@/layouts/AuthLayout.vue';
 import { Form, Head } from '@inertiajs/vue3';
 import { computed, ComputedRef, ref } from 'vue';
 
-const showRecoveryInput = ref(false);
-const code = ref<number[]>([]);
-const recoveryInputRef = ref<HTMLInputElement | null>(null);
-
-const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
-
 const authConfig = computed(() => {
     return {
         title: showRecoveryInput.value ? 'Recovery Code' : 'Authentication Code',
@@ -23,11 +17,16 @@ const authConfig = computed(() => {
     };
 });
 
+const showRecoveryInput = ref(false);
+
 const toggleRecoveryMode = (clearErrors: () => void): void => {
     showRecoveryInput.value = !showRecoveryInput.value;
     clearErrors();
     code.value = [];
 };
+
+const code = ref<number[]>([]);
+const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
 </script>
 
 <template>
@@ -36,25 +35,24 @@ const toggleRecoveryMode = (clearErrors: () => void): void => {
 
         <div class="space-y-6">
             <template v-if="!showRecoveryInput">
-                <Form :action="route('two-factor.login')" method="post" class="space-y-4" #default="{ errors, processing, clearErrors }">
+                <Form
+                    :action="route('two-factor.login')"
+                    method="post"
+                    class="space-y-4"
+                    reset-on-error
+                    #default="{ errors, processing, clearErrors }"
+                >
                     <input type="hidden" name="code" :value="codeValue" />
                     <div class="flex flex-col items-center justify-center space-y-3 text-center">
                         <div class="flex w-full items-center justify-center">
-                            <PinInput id="otp" v-model="code" class="mt-1" type="number" otp>
-                                <PinInputGroup class="gap-2">
-                                    <PinInputSlot
-                                        v-for="(id, index) in 6"
-                                        :key="id"
-                                        :index="index"
-                                        :autofocus="index === 0"
-                                        class="h-10 w-10 rounded-lg"
-                                    />
+                            <PinInput id="otp" placeholder="○" v-model="code" type="number" otp>
+                                <PinInputGroup>
+                                    <PinInputSlot v-for="(id, index) in 6" :key="id" :index="index" autofocus />
                                 </PinInputGroup>
                             </PinInput>
                         </div>
                         <InputError :message="errors.code" />
                     </div>
-                    <InputError :message="errors.code" />
                     <Button type="submit" class="w-full" :disabled="processing">Continue</Button>
                     <div class="text-center text-sm text-muted-foreground">
                         <span>or you can </span>
@@ -71,14 +69,7 @@ const toggleRecoveryMode = (clearErrors: () => void): void => {
 
             <template v-else>
                 <Form :action="route('two-factor.login')" method="post" class="space-y-4" #default="{ errors, processing, clearErrors }">
-                    <Input
-                        ref="recoveryInputRef"
-                        name="recovery_code"
-                        type="text"
-                        placeholder="Enter recovery code"
-                        :autofocus="showRecoveryInput"
-                        required
-                    />
+                    <Input name="recovery_code" type="text" placeholder="Enter recovery code" :autofocus="showRecoveryInput" required />
                     <InputError :message="errors.recovery_code" />
                     <Button type="submit" class="w-full" :disabled="processing">Continue</Button>
 
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 151924a1..e8a6b052 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -69,6 +69,8 @@ const modalConfig = computed(() => {
 const handleModalNextStep = () => {
     if (props.twoFactorEnabled) {
         modalState.isOpen = false;
+        setupData.qrCodeSvg = null;
+        setupData.manualSetupKey = null;
         return;
     }
 
@@ -336,6 +338,8 @@ const verificationCode = computed(() => code.value.join(''));
                                         () => {
                                             modalState.isOpen = false;
                                             modalState.isInVerificationStep = false;
+                                            setupData.manualSetupKey = null;
+                                            setupData.qrCodeSvg = null;
                                         }
                                     "
                                     v-slot="{ errors, processing }"
@@ -343,14 +347,13 @@ const verificationCode = computed(() => code.value.join(''));
                                     <input type="hidden" name="code" :value="verificationCode" />
                                     <div ref="pinInputContainerRef" class="relative w-full space-y-3">
                                         <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
-                                            <PinInput id="otp" placeholder="○" v-model="code" class="mt-1" type="number" otp>
-                                                <PinInputGroup class="gap-2">
+                                            <PinInput id="otp" placeholder="○" v-model="code" type="number" otp autofocus>
+                                                <PinInputGroup>
                                                     <PinInputSlot
                                                         v-for="(id, index) in 6"
                                                         :key="id"
                                                         :index="index"
                                                         :disabled="processing"
-                                                        class="h-10 w-10 rounded-lg"
                                                     />
                                                 </PinInputGroup>
                                             </PinInput>

From a1623147c8e54ae449074286ca0c6703b8486952 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 17:12:22 +0530
Subject: [PATCH 27/58] refactor: add reusable reset methods for reactive
 states, simplify TwoFactor logic, and enhance PinInput handling

---
 .../js/pages/auth/TwoFactorChallenge.vue      |  2 +-
 resources/js/pages/settings/TwoFactor.vue     | 35 +++++++++++--------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index 14e6f60e..0ad9a249 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -47,7 +47,7 @@ const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
                         <div class="flex w-full items-center justify-center">
                             <PinInput id="otp" placeholder="○" v-model="code" type="number" otp>
                                 <PinInputGroup>
-                                    <PinInputSlot v-for="(id, index) in 6" :key="id" :index="index" autofocus />
+                                    <PinInputSlot v-for="(id, index) in 6" :key="id" :index="index" :disabled="processing" autofocus />
                                 </PinInputGroup>
                             </PinInput>
                         </div>
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index e8a6b052..a440f21e 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -35,11 +35,19 @@ const { copied, copyToClipboard } = useClipboard();
 const setupData = reactive({
     qrCodeSvg: null as string | null,
     manualSetupKey: null as string | null,
+    reset() {
+        this.qrCodeSvg = null;
+        this.manualSetupKey = null;
+    },
 });
 
 const modalState = reactive({
     isOpen: false,
     isInVerificationStep: false,
+    reset() {
+        this.isOpen = false;
+        this.isInVerificationStep = false;
+    },
 });
 
 const modalConfig = computed(() => {
@@ -69,8 +77,7 @@ const modalConfig = computed(() => {
 const handleModalNextStep = () => {
     if (props.twoFactorEnabled) {
         modalState.isOpen = false;
-        setupData.qrCodeSvg = null;
-        setupData.manualSetupKey = null;
+        setupData.reset();
         return;
     }
 
@@ -108,18 +115,19 @@ const enableTwoFactorAuthenticationSuccess = async () => {
 };
 
 const disableTwoFactorAuthenticationSuccess = () => {
-    modalState.isInVerificationStep = false;
-    modalState.isOpen = false;
-    setupData.qrCodeSvg = null;
-    setupData.manualSetupKey = null;
-    recoveryCodes.list = [];
-    recoveryCodes.isVisible = false;
+    modalState.reset();
+    setupData.reset();
+    recoveryCodes.reset();
     code.value = [];
 };
 
 const recoveryCodes = reactive({
     list: [] as string[],
     isVisible: false,
+    reset() {
+        this.list = [];
+        this.isVisible = false;
+    },
 });
 const recoveryCodeSectionRef = ref<HTMLDivElement | null>(null);
 
@@ -142,7 +150,7 @@ const toggleRecoveryCodesVisibility = async () => {
 
     if (recoveryCodes.isVisible) {
         await nextTick();
-        recoveryCodeSectionRef.value?.scrollIntoView({ behavior: 'smooth', });
+        recoveryCodeSectionRef.value?.scrollIntoView({ behavior: 'smooth' });
     }
 };
 
@@ -336,10 +344,8 @@ const verificationCode = computed(() => code.value.join(''));
                                     reset-on-error
                                     @success="
                                         () => {
-                                            modalState.isOpen = false;
-                                            modalState.isInVerificationStep = false;
-                                            setupData.manualSetupKey = null;
-                                            setupData.qrCodeSvg = null;
+                                            modalState.reset();
+                                            setupData.reset();
                                         }
                                     "
                                     v-slot="{ errors, processing }"
@@ -347,9 +353,10 @@ const verificationCode = computed(() => code.value.join(''));
                                     <input type="hidden" name="code" :value="verificationCode" />
                                     <div ref="pinInputContainerRef" class="relative w-full space-y-3">
                                         <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
-                                            <PinInput id="otp" placeholder="○" v-model="code" type="number" otp autofocus>
+                                            <PinInput id="otp" placeholder="○" v-model="code" type="number" otp>
                                                 <PinInputGroup>
                                                     <PinInputSlot
+                                                        autofocus
                                                         v-for="(id, index) in 6"
                                                         :key="id"
                                                         :index="index"

From bc8440aae4f4142f2597b63b3daa6437f840c1b8 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 17:31:01 +0530
Subject: [PATCH 28/58] fix: formatting issue

---
 .../TwoFactorAuthenticationController.php     |  4 +++-
 resources/js/components/ui/input/Input.vue    |  1 -
 .../Settings/TwoFactorAuthenticationTest.php  | 24 ++++++++++---------
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 706d8797..6a036e32 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -5,6 +5,7 @@
 use App\Http\Controllers\Concerns\ConfirmsTwoFactorAuthentication;
 use App\Http\Controllers\Controller;
 use Illuminate\Http\Request;
+use Illuminate\Http\Response as HttpResponse;
 use Inertia\Inertia;
 use Inertia\Response;
 use Laravel\Fortify\Features;
@@ -19,8 +20,9 @@ class TwoFactorAuthenticationController extends Controller
     public function show(Request $request): Response
     {
         if (! Features::enabled(Features::twoFactorAuthentication())) {
-            abort(403, 'Two factor authentication is disabled.');
+            abort(HttpResponse::HTTP_FORBIDDEN, 'Two factor authentication is disabled.');
         }
+
         $this->validateTwoFactorAuthenticationState($request);
 
         return Inertia::render('settings/TwoFactor', [
diff --git a/resources/js/components/ui/input/Input.vue b/resources/js/components/ui/input/Input.vue
index 182020d6..899535e0 100644
--- a/resources/js/components/ui/input/Input.vue
+++ b/resources/js/components/ui/input/Input.vue
@@ -21,7 +21,6 @@ const modelValue = useVModel(props, 'modelValue', emits, {
 
 <template>
   <input
-    ref="inputRef"
     v-model="modelValue"
     data-slot="input"
     :class="cn(
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index d1967c41..7bac9738 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -12,6 +12,13 @@ class TwoFactorAuthenticationTest extends TestCase
 {
     use RefreshDatabase;
 
+    public function test_two_factor_settings_page_requires_authentication()
+    {
+        $this->get('/settings/two-factor')
+            ->assertRedirect('/login');
+    }
+
+
     public function test_renders_two_factor_settings_component()
     {
         $user = User::factory()->create();
@@ -27,6 +34,7 @@ public function test_renders_two_factor_settings_component()
     public function test_passes_correct_props_to_two_factor_component()
     {
         $user = User::factory()->create();
+
         $expectedRequiresConfirmation = Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm');
 
         $this->actingAs($user)
@@ -60,9 +68,11 @@ public function test_shows_two_factor_status_reflects_user_state()
         }
 
         $user = User::factory()->create();
+
         $this->actingAs($user);
 
         $this->withSession(['auth.password_confirmed_at' => time()]);
+
         $this->post('/user/two-factor-authentication');
 
         $this->get('/settings/two-factor')
@@ -74,6 +84,7 @@ public function test_shows_two_factor_status_reflects_user_state()
     public function test_requires_confirmation_prop_matches_fortify_config()
     {
         $user = User::factory()->create();
+
         $expectedRequiresConfirmation = Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm');
 
         $this->actingAs($user)
@@ -84,12 +95,6 @@ public function test_requires_confirmation_prop_matches_fortify_config()
             );
     }
 
-    public function test_two_factor_settings_page_requires_authentication()
-    {
-        $this->get('/settings/two-factor')
-            ->assertRedirect('/login');
-    }
-
     public function test_two_factor_settings_page_requires_password_confirmation()
     {
         $user = User::factory()->create();
@@ -97,7 +102,6 @@ public function test_two_factor_settings_page_requires_password_confirmation()
         $response = $this->actingAs($user)
             ->get('/settings/two-factor');
 
-        // Should redirect to the password confirmation page
         $response->assertRedirect();
         $this->assertTrue(
             str_contains($response->headers->get('location'), 'confirm-password'),
@@ -109,10 +113,8 @@ public function test_two_factor_settings_page_validates_state_with_password_conf
     {
         $user = User::factory()->create();
 
-        $this->actingAs($user)
-            ->withSession(['auth.password_confirmed_at' => time()])
-            ->get('/settings/two-factor')
-            ->assertOk();
+        $this->actingAs($user)->withSession(['auth.password_confirmed_at' => time()]);
+        $this->get('/settings/two-factor')->assertOk();
     }
 
     public function test_two_factor_authentication_disabled_returns_403_when_feature_disabled()

From d0a80eb0892f1ef28fccfaf5073607dab40a6e39 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 17:45:41 +0530
Subject: [PATCH 29/58] fix: conditionally apply password confirmation
 middleware

---
 routes/settings.php                                    | 5 ++++-
 tests/Feature/Settings/TwoFactorAuthenticationTest.php | 1 -
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/routes/settings.php b/routes/settings.php
index 0ad8c7d8..a840f80d 100644
--- a/routes/settings.php
+++ b/routes/settings.php
@@ -5,6 +5,7 @@
 use App\Http\Controllers\Settings\TwoFactorAuthenticationController;
 use Illuminate\Support\Facades\Route;
 use Inertia\Inertia;
+use Laravel\Fortify\Features;
 
 Route::middleware('auth')->group(function () {
     Route::redirect('settings', '/settings/profile');
@@ -24,6 +25,8 @@
     })->name('appearance');
 
     Route::get('settings/two-factor', [TwoFactorAuthenticationController::class, 'show'])
-        ->middleware('password.confirm')
+        ->when(Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword'), function ($route) {
+            $route->middleware('password.confirm');
+        })
         ->name('two-factor.show');
 });
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index 7bac9738..058b9975 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -18,7 +18,6 @@ public function test_two_factor_settings_page_requires_authentication()
             ->assertRedirect('/login');
     }
 
-
     public function test_renders_two_factor_settings_component()
     {
         $user = User::factory()->create();

From e4b915fa3d57898bec9ef83baa875cfe12e2c9ba Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 19:07:19 +0530
Subject: [PATCH 30/58] chore: update lock file

---
 package-lock.json | 1642 ++++-----------------------------------------
 1 file changed, 139 insertions(+), 1503 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 698eddd9..a4e45b69 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,8 +44,6 @@
         },
         "node_modules/@babel/helper-string-parser": {
             "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-            "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
@@ -53,8 +51,6 @@
         },
         "node_modules/@babel/helper-validator-identifier": {
             "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
-            "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
@@ -62,8 +58,6 @@
         },
         "node_modules/@babel/parser": {
             "version": "7.28.3",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.3.tgz",
-            "integrity": "sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==",
             "license": "MIT",
             "dependencies": {
                 "@babel/types": "^7.28.2"
@@ -77,8 +71,6 @@
         },
         "node_modules/@babel/types": {
             "version": "7.28.2",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.2.tgz",
-            "integrity": "sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==",
             "license": "MIT",
             "dependencies": {
                 "@babel/helper-string-parser": "^7.27.1",
@@ -88,74 +80,8 @@
                 "node": ">=6.9.0"
             }
         },
-        "node_modules/@esbuild/aix-ppc64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.9.tgz",
-            "integrity": "sha512-OaGtL73Jck6pBKjNIe24BnFE6agGl+6KxDtTfHhy1HmhthfKouEcOhqpSL64K4/0WCtbKFLOdzD/44cJ4k9opA==",
-            "cpu": [
-                "ppc64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "aix"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-arm": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.9.tgz",
-            "integrity": "sha512-5WNI1DaMtxQ7t7B6xa572XMXpHAaI/9Hnhk8lcxF4zVN4xstUgTlvuGDorBguKEnZO70qwEcLpfifMLoxiPqHQ==",
-            "cpu": [
-                "arm"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.9.tgz",
-            "integrity": "sha512-IDrddSmpSv51ftWslJMvl3Q2ZT98fUSL2/rlUXuVqRXHCs5EUF1/f+jbjF5+NG9UffUDMCiTyh8iec7u8RlTLg==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.9.tgz",
-            "integrity": "sha512-I853iMZ1hWZdNllhVZKm34f4wErd4lMyeV7BLzEExGEIZYsOzqDWDf+y082izYUE8gtJnYHdeDpN/6tUdwvfiw==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
         "node_modules/@esbuild/darwin-arm64": {
             "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.9.tgz",
-            "integrity": "sha512-XIpIDMAjOELi/9PB30vEbVMs3GV1v2zkkPnuyRRURbhqjyzIINwj+nbQATh4H9GxUgH1kFsEyQMxwiLFKUS6Rg==",
             "cpu": [
                 "arm64"
             ],
@@ -168,346 +94,8 @@
                 "node": ">=18"
             }
         },
-        "node_modules/@esbuild/darwin-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.9.tgz",
-            "integrity": "sha512-jhHfBzjYTA1IQu8VyrjCX4ApJDnH+ez+IYVEoJHeqJm9VhG9Dh2BYaJritkYK3vMaXrf7Ogr/0MQ8/MeIefsPQ==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.9.tgz",
-            "integrity": "sha512-z93DmbnY6fX9+KdD4Ue/H6sYs+bhFQJNCPZsi4XWJoYblUqT06MQUdBCpcSfuiN72AbqeBFu5LVQTjfXDE2A6Q==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.9.tgz",
-            "integrity": "sha512-mrKX6H/vOyo5v71YfXWJxLVxgy1kyt1MQaD8wZJgJfG4gq4DpQGpgTB74e5yBeQdyMTbgxp0YtNj7NuHN0PoZg==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-arm": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.9.tgz",
-            "integrity": "sha512-HBU2Xv78SMgaydBmdor38lg8YDnFKSARg1Q6AT0/y2ezUAKiZvc211RDFHlEZRFNRVhcMamiToo7bDx3VEOYQw==",
-            "cpu": [
-                "arm"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.9.tgz",
-            "integrity": "sha512-BlB7bIcLT3G26urh5Dmse7fiLmLXnRlopw4s8DalgZ8ef79Jj4aUcYbk90g8iCa2467HX8SAIidbL7gsqXHdRw==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-ia32": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.9.tgz",
-            "integrity": "sha512-e7S3MOJPZGp2QW6AK6+Ly81rC7oOSerQ+P8L0ta4FhVi+/j/v2yZzx5CqqDaWjtPFfYz21Vi1S0auHrap3Ma3A==",
-            "cpu": [
-                "ia32"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-loong64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.9.tgz",
-            "integrity": "sha512-Sbe10Bnn0oUAB2AalYztvGcK+o6YFFA/9829PhOCUS9vkJElXGdphz0A3DbMdP8gmKkqPmPcMJmJOrI3VYB1JQ==",
-            "cpu": [
-                "loong64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.9.tgz",
-            "integrity": "sha512-YcM5br0mVyZw2jcQeLIkhWtKPeVfAerES5PvOzaDxVtIyZ2NUBZKNLjC5z3/fUlDgT6w89VsxP2qzNipOaaDyA==",
-            "cpu": [
-                "mips64el"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.9.tgz",
-            "integrity": "sha512-++0HQvasdo20JytyDpFvQtNrEsAgNG2CY1CLMwGXfFTKGBGQT3bOeLSYE2l1fYdvML5KUuwn9Z8L1EWe2tzs1w==",
-            "cpu": [
-                "ppc64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.9.tgz",
-            "integrity": "sha512-uNIBa279Y3fkjV+2cUjx36xkx7eSjb8IvnL01eXUKXez/CBHNRw5ekCGMPM0BcmqBxBcdgUWuUXmVWwm4CH9kg==",
-            "cpu": [
-                "riscv64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-s390x": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.9.tgz",
-            "integrity": "sha512-Mfiphvp3MjC/lctb+7D287Xw1DGzqJPb/J2aHHcHxflUo+8tmN/6d4k6I2yFR7BVo5/g7x2Monq4+Yew0EHRIA==",
-            "cpu": [
-                "s390x"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.9.tgz",
-            "integrity": "sha512-iSwByxzRe48YVkmpbgoxVzn76BXjlYFXC7NvLYq+b+kDjyyk30J0JY47DIn8z1MO3K0oSl9fZoRmZPQI4Hklzg==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/netbsd-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.9.tgz",
-            "integrity": "sha512-9jNJl6FqaUG+COdQMjSCGW4QiMHH88xWbvZ+kRVblZsWrkXlABuGdFJ1E9L7HK+T0Yqd4akKNa/lO0+jDxQD4Q==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.9.tgz",
-            "integrity": "sha512-RLLdkflmqRG8KanPGOU7Rpg829ZHu8nFy5Pqdi9U01VYtG9Y0zOG6Vr2z4/S+/3zIyOxiK6cCeYNWOFR9QP87g==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/openbsd-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.9.tgz",
-            "integrity": "sha512-YaFBlPGeDasft5IIM+CQAhJAqS3St3nJzDEgsgFixcfZeyGPCd6eJBWzke5piZuZ7CtL656eOSYKk4Ls2C0FRQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.9.tgz",
-            "integrity": "sha512-1MkgTCuvMGWuqVtAvkpkXFmtL8XhWy+j4jaSO2wxfJtilVCi0ZE37b8uOdMItIHz4I6z1bWWtEX4CJwcKYLcuA==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/openharmony-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.9.tgz",
-            "integrity": "sha512-4Xd0xNiMVXKh6Fa7HEJQbrpP3m3DDn43jKxMjxLLRjWnRsfxjORYJlXPO4JNcXtOyfajXorRKY9NkOpTHptErg==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openharmony"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/sunos-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.9.tgz",
-            "integrity": "sha512-WjH4s6hzo00nNezhp3wFIAfmGZ8U7KtrJNlFMRKxiI9mxEK1scOMAaa9i4crUtu+tBr+0IN6JCuAcSBJZfnphw==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "sunos"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.9.tgz",
-            "integrity": "sha512-mGFrVJHmZiRqmP8xFOc6b84/7xa5y5YvR1x8djzXpJBSv/UsNK6aqec+6JDjConTgvvQefdGhFDAs2DLAds6gQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-ia32": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.9.tgz",
-            "integrity": "sha512-b33gLVU2k11nVx1OhX3C8QQP6UHQK4ZtN56oFWvVXvz2VkDoe6fbG8TOgHFxEvqeqohmRnIHe5A1+HADk4OQww==",
-            "cpu": [
-                "ia32"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.9.tgz",
-            "integrity": "sha512-PPOl1mi6lpLNQxnGoyAfschAodRFYXJ+9fs6WHXz7CSWKbOqiMZsubC+BQsVKuul+3vKLuwTHsS2c2y9EoKwxQ==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
         "node_modules/@eslint-community/eslint-utils": {
             "version": "4.7.0",
-            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
-            "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -525,8 +113,6 @@
         },
         "node_modules/@eslint-community/regexpp": {
             "version": "4.12.1",
-            "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
-            "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -535,8 +121,6 @@
         },
         "node_modules/@eslint/config-array": {
             "version": "0.21.0",
-            "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.0.tgz",
-            "integrity": "sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -550,8 +134,6 @@
         },
         "node_modules/@eslint/config-array/node_modules/brace-expansion": {
             "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -561,8 +143,6 @@
         },
         "node_modules/@eslint/config-array/node_modules/minimatch": {
             "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -574,8 +154,6 @@
         },
         "node_modules/@eslint/config-helpers": {
             "version": "0.3.1",
-            "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.1.tgz",
-            "integrity": "sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -584,8 +162,6 @@
         },
         "node_modules/@eslint/core": {
             "version": "0.15.2",
-            "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.2.tgz",
-            "integrity": "sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -597,8 +173,6 @@
         },
         "node_modules/@eslint/eslintrc": {
             "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
-            "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -621,8 +195,6 @@
         },
         "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
             "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -632,8 +204,6 @@
         },
         "node_modules/@eslint/eslintrc/node_modules/minimatch": {
             "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -645,8 +215,6 @@
         },
         "node_modules/@eslint/js": {
             "version": "9.33.0",
-            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.33.0.tgz",
-            "integrity": "sha512-5K1/mKhWaMfreBGJTwval43JJmkip0RmM+3+IuqupeSKNC/Th2Kc7ucaq5ovTSra/OOKB9c58CGSz3QMVbWt0A==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -658,8 +226,6 @@
         },
         "node_modules/@eslint/object-schema": {
             "version": "2.1.6",
-            "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
-            "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -668,8 +234,6 @@
         },
         "node_modules/@eslint/plugin-kit": {
             "version": "0.3.5",
-            "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz",
-            "integrity": "sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -682,8 +246,6 @@
         },
         "node_modules/@floating-ui/core": {
             "version": "1.7.3",
-            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
-            "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/utils": "^0.2.10"
@@ -691,8 +253,6 @@
         },
         "node_modules/@floating-ui/dom": {
             "version": "1.7.3",
-            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.3.tgz",
-            "integrity": "sha512-uZA413QEpNuhtb3/iIKoYMSK07keHPYeXF02Zhd6e213j+d1NamLix/mCLxBUDW/Gx52sPH2m+chlUsyaBs/Ag==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/core": "^1.7.3",
@@ -701,14 +261,10 @@
         },
         "node_modules/@floating-ui/utils": {
             "version": "0.2.10",
-            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
-            "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
             "license": "MIT"
         },
         "node_modules/@floating-ui/vue": {
             "version": "1.1.8",
-            "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.8.tgz",
-            "integrity": "sha512-SNJAa1jbT8Gh1LvWw2uIIViLL0saV2bCY59ISCvJzhbut5DSb2H3LKUK49Xkd7SixTNHKX4LFu59nbwIXt9jjQ==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/dom": "^1.7.3",
@@ -718,8 +274,6 @@
         },
         "node_modules/@floating-ui/vue/node_modules/vue-demi": {
             "version": "0.14.10",
-            "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-            "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
             "hasInstallScript": true,
             "license": "MIT",
             "bin": {
@@ -744,8 +298,6 @@
         },
         "node_modules/@humanfs/core": {
             "version": "0.19.1",
-            "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
-            "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -754,8 +306,6 @@
         },
         "node_modules/@humanfs/node": {
             "version": "0.16.6",
-            "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
-            "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -768,8 +318,6 @@
         },
         "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
             "version": "0.3.1",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
-            "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -782,8 +330,6 @@
         },
         "node_modules/@humanwhocodes/module-importer": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-            "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -796,8 +342,6 @@
         },
         "node_modules/@humanwhocodes/retry": {
             "version": "0.4.3",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
-            "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -810,8 +354,6 @@
         },
         "node_modules/@inertiajs/core": {
             "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/@inertiajs/core/-/core-2.1.2.tgz",
-            "integrity": "sha512-fS3bDanwIZMEhtndhs1NvDvFN7y9Nx+FPkuBLSjIvYXFVmwieZmj+q2SYLXVl/jKt0qg69GwfLVrNm+gFiFbMg==",
             "license": "MIT",
             "dependencies": {
                 "axios": "^1.8.2",
@@ -821,8 +363,6 @@
         },
         "node_modules/@inertiajs/vue3": {
             "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/@inertiajs/vue3/-/vue3-2.1.2.tgz",
-            "integrity": "sha512-KZLvNUCMj5RXquJDhXkJStn9tMvA38tSOWry943LGKxIgpssf7zM7zsvVyIUQTQWbnqJrfn1TjxzIE2joUTUxQ==",
             "license": "MIT",
             "dependencies": {
                 "@inertiajs/core": "2.1.2",
@@ -834,8 +374,6 @@
         },
         "node_modules/@internationalized/date": {
             "version": "3.8.2",
-            "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.8.2.tgz",
-            "integrity": "sha512-/wENk7CbvLbkUvX1tu0mwq49CVkkWpkXubGel6birjRPyo6uQ4nQpnq5xZu823zRCwwn82zgHrvgF1vZyvmVgA==",
             "license": "Apache-2.0",
             "dependencies": {
                 "@swc/helpers": "^0.5.0"
@@ -843,8 +381,6 @@
         },
         "node_modules/@internationalized/number": {
             "version": "3.6.4",
-            "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.4.tgz",
-            "integrity": "sha512-P+/h+RDaiX8EGt3shB9AYM1+QgkvHmJ5rKi4/59k4sg9g58k9rqsRW0WxRO7jCoHyvVbFRRFKmVTdFYdehrxHg==",
             "license": "Apache-2.0",
             "dependencies": {
                 "@swc/helpers": "^0.5.0"
@@ -852,8 +388,6 @@
         },
         "node_modules/@isaacs/fs-minipass": {
             "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
-            "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -865,8 +399,6 @@
         },
         "node_modules/@jridgewell/gen-mapping": {
             "version": "0.3.13",
-            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-            "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -876,8 +408,6 @@
         },
         "node_modules/@jridgewell/remapping": {
             "version": "2.3.5",
-            "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
-            "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -887,8 +417,6 @@
         },
         "node_modules/@jridgewell/resolve-uri": {
             "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -897,14 +425,10 @@
         },
         "node_modules/@jridgewell/sourcemap-codec": {
             "version": "1.5.5",
-            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-            "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
             "license": "MIT"
         },
         "node_modules/@jridgewell/trace-mapping": {
             "version": "0.3.30",
-            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.30.tgz",
-            "integrity": "sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -914,8 +438,6 @@
         },
         "node_modules/@nodelib/fs.scandir": {
             "version": "2.1.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -928,8 +450,6 @@
         },
         "node_modules/@nodelib/fs.stat": {
             "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -938,8 +458,6 @@
         },
         "node_modules/@nodelib/fs.walk": {
             "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -952,41 +470,35 @@
         },
         "node_modules/@rolldown/pluginutils": {
             "version": "1.0.0-beta.29",
-            "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.29.tgz",
-            "integrity": "sha512-NIJgOsMjbxAXvoGq/X0gD7VPMQ8j9g0BiDaNjVNVjvl+iKXxL3Jre0v31RmBYeLEmkbj2s02v8vFTbUXi5XS2Q==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@rollup/rollup-android-arm-eabi": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.46.3.tgz",
-            "integrity": "sha512-UmTdvXnLlqQNOCJnyksjPs1G4GqXNGW1LrzCe8+8QoaLhhDeTXYBgJ3k6x61WIhlHX2U+VzEJ55TtIjR/HTySA==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.46.2.tgz",
+            "integrity": "sha512-Zj3Hl6sN34xJtMv7Anwb5Gu01yujyE/cLBDB2gnHTAHaWS1Z38L7kuSG+oAh0giZMqG060f/YBStXtMH6FvPMA==",
             "cpu": [
                 "arm"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "android"
             ]
         },
         "node_modules/@rollup/rollup-android-arm64": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.46.3.tgz",
-            "integrity": "sha512-8NoxqLpXm7VyeI0ocidh335D6OKT0UJ6fHdnIxf3+6oOerZZc+O7r+UhvROji6OspyPm+rrIdb1gTXtVIqn+Sg==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.46.2.tgz",
+            "integrity": "sha512-nTeCWY83kN64oQ5MGz3CgtPx8NSOhC5lWtsjTs+8JAJNLcP3QbLCtDDgUKQc/Ro/frpMq4SHUaHN6AMltcEoLQ==",
             "cpu": [
                 "arm64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "android"
             ]
         },
         "node_modules/@rollup/rollup-darwin-arm64": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.46.3.tgz",
-            "integrity": "sha512-csnNavqZVs1+7/hUKtgjMECsNG2cdB8F7XBHP6FfQjqhjF8rzMzb3SLyy/1BG7YSfQ+bG75Ph7DyedbUqwq1rA==",
+            "version": "4.46.2",
             "cpu": [
                 "arm64"
             ],
@@ -997,466 +509,259 @@
             ]
         },
         "node_modules/@rollup/rollup-darwin-x64": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.46.3.tgz",
-            "integrity": "sha512-r2MXNjbuYabSIX5yQqnT8SGSQ26XQc8fmp6UhlYJd95PZJkQD1u82fWP7HqvGUf33IsOC6qsiV+vcuD4SDP6iw==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.46.2.tgz",
+            "integrity": "sha512-SSj8TlYV5nJixSsm/y3QXfhspSiLYP11zpfwp6G/YDXctf3Xkdnk4woJIF5VQe0of2OjzTt8EsxnJDCdHd2xMA==",
             "cpu": [
                 "x64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "darwin"
             ]
         },
         "node_modules/@rollup/rollup-freebsd-arm64": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.46.3.tgz",
-            "integrity": "sha512-uluObTmgPJDuJh9xqxyr7MV61Imq+0IvVsAlWyvxAaBSNzCcmZlhfYcRhCdMaCsy46ccZa7vtDDripgs9Jkqsw==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.46.2.tgz",
+            "integrity": "sha512-ZyrsG4TIT9xnOlLsSSi9w/X29tCbK1yegE49RYm3tu3wF1L/B6LVMqnEWyDB26d9Ecx9zrmXCiPmIabVuLmNSg==",
             "cpu": [
                 "arm64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "freebsd"
             ]
         },
         "node_modules/@rollup/rollup-freebsd-x64": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.46.3.tgz",
-            "integrity": "sha512-AVJXEq9RVHQnejdbFvh1eWEoobohUYN3nqJIPI4mNTMpsyYN01VvcAClxflyk2HIxvLpRcRggpX1m9hkXkpC/A==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.46.2.tgz",
+            "integrity": "sha512-pCgHFoOECwVCJ5GFq8+gR8SBKnMO+xe5UEqbemxBpCKYQddRQMgomv1104RnLSg7nNvgKy05sLsY51+OVRyiVw==",
             "cpu": [
                 "x64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "freebsd"
             ]
         },
         "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.46.3.tgz",
-            "integrity": "sha512-byyflM+huiwHlKi7VHLAYTKr67X199+V+mt1iRgJenAI594vcmGGddWlu6eHujmcdl6TqSNnvqaXJqZdnEWRGA==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.46.2.tgz",
+            "integrity": "sha512-EtP8aquZ0xQg0ETFcxUbU71MZlHaw9MChwrQzatiE8U/bvi5uv/oChExXC4mWhjiqK7azGJBqU0tt5H123SzVA==",
             "cpu": [
                 "arm"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
             ]
         },
         "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.46.3.tgz",
-            "integrity": "sha512-aLm3NMIjr4Y9LklrH5cu7yybBqoVCdr4Nvnm8WB7PKCn34fMCGypVNpGK0JQWdPAzR/FnoEoFtlRqZbBBLhVoQ==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.46.2.tgz",
+            "integrity": "sha512-qO7F7U3u1nfxYRPM8HqFtLd+raev2K137dsV08q/LRKRLEc7RsiDWihUnrINdsWQxPR9jqZ8DIIZ1zJJAm5PjQ==",
             "cpu": [
                 "arm"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-gnu": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.46.3.tgz",
-            "integrity": "sha512-VtilE6eznJRDIoFOzaagQodUksTEfLIsvXymS+UdJiSXrPW7Ai+WG4uapAc3F7Hgs791TwdGh4xyOzbuzIZrnw==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.46.2.tgz",
+            "integrity": "sha512-3dRaqLfcOXYsfvw5xMrxAk9Lb1f395gkoBYzSFcc/scgRFptRXL9DOaDpMiehf9CO8ZDRJW2z45b6fpU5nwjng==",
             "cpu": [
                 "arm64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-musl": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.46.3.tgz",
-            "integrity": "sha512-dG3JuS6+cRAL0GQ925Vppafi0qwZnkHdPeuZIxIPXqkCLP02l7ka+OCyBoDEv8S+nKHxfjvjW4OZ7hTdHkx8/w==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.46.2.tgz",
+            "integrity": "sha512-fhHFTutA7SM+IrR6lIfiHskxmpmPTJUXpWIsBXpeEwNgZzZZSg/q4i6FU4J8qOGyJ0TR+wXBwx/L7Ho9z0+uDg==",
             "cpu": [
                 "arm64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
             ]
         },
         "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.46.3.tgz",
-            "integrity": "sha512-iU8DxnxEKJptf8Vcx4XvAUdpkZfaz0KWfRrnIRrOndL0SvzEte+MTM7nDH4A2Now4FvTZ01yFAgj6TX/mZl8hQ==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.46.2.tgz",
+            "integrity": "sha512-i7wfGFXu8x4+FRqPymzjD+Hyav8l95UIZ773j7J7zRYc3Xsxy2wIn4x+llpunexXe6laaO72iEjeeGyUFmjKeA==",
             "cpu": [
                 "loong64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
             ]
         },
         "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.46.3.tgz",
-            "integrity": "sha512-VrQZp9tkk0yozJoQvQcqlWiqaPnLM6uY1qPYXvukKePb0fqaiQtOdMJSxNFUZFsGw5oA5vvVokjHrx8a9Qsz2A==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.46.2.tgz",
+            "integrity": "sha512-B/l0dFcHVUnqcGZWKcWBSV2PF01YUt0Rvlurci5P+neqY/yMKchGU8ullZvIv5e8Y1C6wOn+U03mrDylP5q9Yw==",
             "cpu": [
                 "ppc64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
             ]
         },
         "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.46.3.tgz",
-            "integrity": "sha512-uf2eucWSUb+M7b0poZ/08LsbcRgaDYL8NCGjUeFMwCWFwOuFcZ8D9ayPl25P3pl+D2FH45EbHdfyUesQ2Lt9wA==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.46.2.tgz",
+            "integrity": "sha512-32k4ENb5ygtkMwPMucAb8MtV8olkPT03oiTxJbgkJa7lJ7dZMr0GCFJlyvy+K8iq7F/iuOr41ZdUHaOiqyR3iQ==",
             "cpu": [
                 "riscv64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
             ]
         },
         "node_modules/@rollup/rollup-linux-riscv64-musl": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.46.3.tgz",
-            "integrity": "sha512-7tnUcDvN8DHm/9ra+/nF7lLzYHDeODKKKrh6JmZejbh1FnCNZS8zMkZY5J4sEipy2OW1d1Ncc4gNHUd0DLqkSg==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.46.2.tgz",
+            "integrity": "sha512-t5B2loThlFEauloaQkZg9gxV05BYeITLvLkWOkRXogP4qHXLkWSbSHKM9S6H1schf/0YGP/qNKtiISlxvfmmZw==",
             "cpu": [
                 "riscv64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
             ]
         },
         "node_modules/@rollup/rollup-linux-s390x-gnu": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.46.3.tgz",
-            "integrity": "sha512-MUpAOallJim8CsJK+4Lc9tQzlfPbHxWDrGXZm2z6biaadNpvh3a5ewcdat478W+tXDoUiHwErX/dOql7ETcLqg==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.46.2.tgz",
+            "integrity": "sha512-YKjekwTEKgbB7n17gmODSmJVUIvj8CX7q5442/CK80L8nqOUbMtf8b01QkG3jOqyr1rotrAnW6B/qiHwfcuWQA==",
             "cpu": [
                 "s390x"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
             ]
         },
         "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.9.5",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.5.tgz",
-            "integrity": "sha512-Dq1bqBdLaZ1Gb/l2e5/+o3B18+8TI9ANlA1SkejZqDgdU/jK/ThYaMPMJpVMMXy2uRHvGKbkz9vheVGdq3cJfA==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.46.3.tgz",
-            "integrity": "sha512-oLc+JrwwvbimJUInzx56Q3ujL3Kkhxehg7O1gWAYzm8hImCd5ld1F2Gry5YDjR21MNb5WCKhC9hXgU7rRlyegQ==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.46.3.tgz",
-            "integrity": "sha512-lOrQ+BVRstruD1fkWg9yjmumhowR0oLAAzavB7yFSaGltY8klttmZtCLvOXCmGE9mLIn8IBV/IFrQOWz5xbFPg==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.46.3.tgz",
-            "integrity": "sha512-vvrVKPRS4GduGR7VMH8EylCBqsDcw6U+/0nPDuIjXQRbHJc6xOBj+frx8ksfZAh6+Fptw5wHrN7etlMmQnPQVg==",
-            "cpu": [
-                "ia32"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.46.3.tgz",
-            "integrity": "sha512-fi3cPxCnu3ZeM3EwKZPgXbWoGzm2XHgB/WShKI81uj8wG0+laobmqy5wbgEwzstlbLu4MyO8C19FyhhWseYKNQ==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@swc/helpers": {
-            "version": "0.5.17",
-            "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
-            "integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
-            "license": "Apache-2.0",
-            "dependencies": {
-                "tslib": "^2.8.0"
-            }
-        },
-        "node_modules/@tailwindcss/node": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.12.tgz",
-            "integrity": "sha512-3hm9brwvQkZFe++SBt+oLjo4OLDtkvlE8q2WalaD/7QWaeM7KEJbAiY/LJZUaCs7Xa8aUu4xy3uoyX4q54UVdQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/remapping": "^2.3.4",
-                "enhanced-resolve": "^5.18.3",
-                "jiti": "^2.5.1",
-                "lightningcss": "1.30.1",
-                "magic-string": "^0.30.17",
-                "source-map-js": "^1.2.1",
-                "tailwindcss": "4.1.12"
-            }
-        },
-        "node_modules/@tailwindcss/oxide": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.12.tgz",
-            "integrity": "sha512-gM5EoKHW/ukmlEtphNwaGx45fGoEmP10v51t9unv55voWh6WrOL19hfuIdo2FjxIaZzw776/BUQg7Pck++cIVw==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "dependencies": {
-                "detect-libc": "^2.0.4",
-                "tar": "^7.4.3"
-            },
-            "engines": {
-                "node": ">= 10"
-            },
-            "optionalDependencies": {
-                "@tailwindcss/oxide-android-arm64": "4.1.12",
-                "@tailwindcss/oxide-darwin-arm64": "4.1.12",
-                "@tailwindcss/oxide-darwin-x64": "4.1.12",
-                "@tailwindcss/oxide-freebsd-x64": "4.1.12",
-                "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.12",
-                "@tailwindcss/oxide-linux-arm64-gnu": "4.1.12",
-                "@tailwindcss/oxide-linux-arm64-musl": "4.1.12",
-                "@tailwindcss/oxide-linux-x64-gnu": "4.1.12",
-                "@tailwindcss/oxide-linux-x64-musl": "4.1.12",
-                "@tailwindcss/oxide-wasm32-wasi": "4.1.12",
-                "@tailwindcss/oxide-win32-arm64-msvc": "4.1.12",
-                "@tailwindcss/oxide-win32-x64-msvc": "4.1.12"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-android-arm64": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.12.tgz",
-            "integrity": "sha512-oNY5pq+1gc4T6QVTsZKwZaGpBb2N1H1fsc1GD4o7yinFySqIuRZ2E4NvGasWc6PhYJwGK2+5YT1f9Tp80zUQZQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-darwin-arm64": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.12.tgz",
-            "integrity": "sha512-cq1qmq2HEtDV9HvZlTtrj671mCdGB93bVY6J29mwCyaMYCP/JaUBXxrQQQm7Qn33AXXASPUb2HFZlWiiHWFytw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-darwin-x64": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.12.tgz",
-            "integrity": "sha512-6UCsIeFUcBfpangqlXay9Ffty9XhFH1QuUFn0WV83W8lGdX8cD5/+2ONLluALJD5+yJ7k8mVtwy3zMZmzEfbLg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-freebsd-x64": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.12.tgz",
-            "integrity": "sha512-JOH/f7j6+nYXIrHobRYCtoArJdMJh5zy5lr0FV0Qu47MID/vqJAY3r/OElPzx1C/wdT1uS7cPq+xdYYelny1ww==",
+            "version": "4.9.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.5.tgz",
+            "integrity": "sha512-Dq1bqBdLaZ1Gb/l2e5/+o3B18+8TI9ANlA1SkejZqDgdU/jK/ThYaMPMJpVMMXy2uRHvGKbkz9vheVGdq3cJfA==",
             "cpu": [
                 "x64"
             ],
-            "dev": true,
-            "license": "MIT",
             "optional": true,
             "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
+                "linux"
+            ]
         },
-        "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.12.tgz",
-            "integrity": "sha512-v4Ghvi9AU1SYgGr3/j38PD8PEe6bRfTnNSUE3YCMIRrrNigCFtHZ2TCm8142X8fcSqHBZBceDx+JlFJEfNg5zQ==",
+        "node_modules/@rollup/rollup-linux-x64-musl": {
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.46.2.tgz",
+            "integrity": "sha512-7kX69DIrBeD7yNp4A5b81izs8BqoZkCIaxQaOpumcJ1S/kmqNFjPhDu1LHeVXv0SexfHQv5cqHsxLOjETuqDuA==",
             "cpu": [
-                "arm"
+                "x64"
             ],
-            "dev": true,
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
+            ]
         },
-        "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.12.tgz",
-            "integrity": "sha512-YP5s1LmetL9UsvVAKusHSyPlzSRqYyRB0f+Kl/xcYQSPLEw/BvGfxzbH+ihUciePDjiXwHh+p+qbSP3SlJw+6g==",
+        "node_modules/@rollup/rollup-win32-arm64-msvc": {
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.46.2.tgz",
+            "integrity": "sha512-wiJWMIpeaak/jsbaq2HMh/rzZxHVW1rU6coyeNNpMwk5isiPjSTx0a4YLSlYDwBH/WBvLz+EtsNqQScZTLJy3g==",
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
-            "license": "MIT",
             "optional": true,
             "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
+                "win32"
+            ]
         },
-        "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.12.tgz",
-            "integrity": "sha512-V8pAM3s8gsrXcCv6kCHSuwyb/gPsd863iT+v1PGXC4fSL/OJqsKhfK//v8P+w9ThKIoqNbEnsZqNy+WDnwQqCA==",
+        "node_modules/@rollup/rollup-win32-ia32-msvc": {
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.46.2.tgz",
+            "integrity": "sha512-gBgaUDESVzMgWZhcyjfs9QFK16D8K6QZpwAaVNJxYDLHWayOta4ZMjGm/vsAEy3hvlS2GosVFlBlP9/Wb85DqQ==",
             "cpu": [
-                "arm64"
+                "ia32"
             ],
-            "dev": true,
-            "license": "MIT",
             "optional": true,
             "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
+                "win32"
+            ]
         },
-        "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.12.tgz",
-            "integrity": "sha512-xYfqYLjvm2UQ3TZggTGrwxjYaLB62b1Wiysw/YE3Yqbh86sOMoTn0feF98PonP7LtjsWOWcXEbGqDL7zv0uW8Q==",
+        "node_modules/@rollup/rollup-win32-x64-msvc": {
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.46.2.tgz",
+            "integrity": "sha512-CvUo2ixeIQGtF6WvuB87XWqPQkoFAFqW+HUo/WzHwuHDvIwZCtjdWXoYCcr06iKGydiqTclC4jU/TNObC/xKZg==",
             "cpu": [
                 "x64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
+                "win32"
+            ]
+        },
+        "node_modules/@swc/helpers": {
+            "version": "0.5.17",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "tslib": "^2.8.0"
             }
         },
-        "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+        "node_modules/@tailwindcss/node": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.12.tgz",
-            "integrity": "sha512-ha0pHPamN+fWZY7GCzz5rKunlv9L5R8kdh+YNvP5awe3LtuXb5nRi/H27GeL2U+TdhDOptU7T6Is7mdwh5Ar3A==",
-            "cpu": [
-                "x64"
-            ],
             "dev": true,
             "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
+            "dependencies": {
+                "@jridgewell/remapping": "^2.3.4",
+                "enhanced-resolve": "^5.18.3",
+                "jiti": "^2.5.1",
+                "lightningcss": "1.30.1",
+                "magic-string": "^0.30.17",
+                "source-map-js": "^1.2.1",
+                "tailwindcss": "4.1.12"
             }
         },
-        "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+        "node_modules/@tailwindcss/oxide": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.12.tgz",
-            "integrity": "sha512-4tSyu3dW+ktzdEpuk6g49KdEangu3eCYoqPhWNsZgUhyegEda3M9rG0/j1GV/JjVVsj+lG7jWAyrTlLzd/WEBg==",
-            "bundleDependencies": [
-                "@napi-rs/wasm-runtime",
-                "@emnapi/core",
-                "@emnapi/runtime",
-                "@tybys/wasm-util",
-                "@emnapi/wasi-threads",
-                "tslib"
-            ],
-            "cpu": [
-                "wasm32"
-            ],
             "dev": true,
+            "hasInstallScript": true,
             "license": "MIT",
-            "optional": true,
             "dependencies": {
-                "@emnapi/core": "^1.4.5",
-                "@emnapi/runtime": "^1.4.5",
-                "@emnapi/wasi-threads": "^1.0.4",
-                "@napi-rs/wasm-runtime": "^0.2.12",
-                "@tybys/wasm-util": "^0.10.0",
-                "tslib": "^2.8.0"
+                "detect-libc": "^2.0.4",
+                "tar": "^7.4.3"
             },
             "engines": {
-                "node": ">=14.0.0"
+                "node": ">= 10"
+            },
+            "optionalDependencies": {
+                "@tailwindcss/oxide-android-arm64": "4.1.12",
+                "@tailwindcss/oxide-darwin-arm64": "4.1.12",
+                "@tailwindcss/oxide-darwin-x64": "4.1.12",
+                "@tailwindcss/oxide-freebsd-x64": "4.1.12",
+                "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.12",
+                "@tailwindcss/oxide-linux-arm64-gnu": "4.1.12",
+                "@tailwindcss/oxide-linux-arm64-musl": "4.1.12",
+                "@tailwindcss/oxide-linux-x64-gnu": "4.1.12",
+                "@tailwindcss/oxide-linux-x64-musl": "4.1.12",
+                "@tailwindcss/oxide-wasm32-wasi": "4.1.12",
+                "@tailwindcss/oxide-win32-arm64-msvc": "4.1.12",
+                "@tailwindcss/oxide-win32-x64-msvc": "4.1.12"
             }
         },
-        "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+        "node_modules/@tailwindcss/oxide-darwin-arm64": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.12.tgz",
-            "integrity": "sha512-iGLyD/cVP724+FGtMWslhcFyg4xyYyM+5F4hGvKA7eifPkXHRAUDFaimu53fpNg9X8dfP75pXx/zFt/jlNF+lg==",
             "cpu": [
                 "arm64"
             ],
@@ -1464,24 +769,22 @@
             "license": "MIT",
             "optional": true,
             "os": [
-                "win32"
+                "darwin"
             ],
             "engines": {
                 "node": ">= 10"
             }
         },
-        "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+        "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.12.tgz",
-            "integrity": "sha512-NKIh5rzw6CpEodv/++r0hGLlfgT/gFN+5WNdZtvh6wpU2BpGNgdjvj6H2oFc8nCM839QM1YOhjpgbAONUb4IxA==",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.12.tgz",
+            "integrity": "sha512-xYfqYLjvm2UQ3TZggTGrwxjYaLB62b1Wiysw/YE3Yqbh86sOMoTn0feF98PonP7LtjsWOWcXEbGqDL7zv0uW8Q==",
             "cpu": [
                 "x64"
             ],
-            "dev": true,
-            "license": "MIT",
             "optional": true,
             "os": [
-                "win32"
+                "linux"
             ],
             "engines": {
                 "node": ">= 10"
@@ -1489,8 +792,6 @@
         },
         "node_modules/@tailwindcss/vite": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.12.tgz",
-            "integrity": "sha512-4pt0AMFDx7gzIrAOIYgYP0KCBuKWqyW8ayrdiLEjoJTT4pKTjrzG/e4uzWtTLDziC+66R9wbUqZBccJalSE5vQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1504,8 +805,6 @@
         },
         "node_modules/@tanstack/virtual-core": {
             "version": "3.13.12",
-            "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.12.tgz",
-            "integrity": "sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -1514,8 +813,6 @@
         },
         "node_modules/@tanstack/vue-virtual": {
             "version": "3.13.12",
-            "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.12.tgz",
-            "integrity": "sha512-vhF7kEU9EXWXh+HdAwKJ2m3xaOnTTmgcdXcF2pim8g4GvI7eRrk2YRuV5nUlZnd/NbCIX4/Ja2OZu5EjJL06Ww==",
             "license": "MIT",
             "dependencies": {
                 "@tanstack/virtual-core": "3.13.12"
@@ -1530,21 +827,15 @@
         },
         "node_modules/@types/estree": {
             "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-            "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
             "license": "MIT"
         },
         "node_modules/@types/json-schema": {
             "version": "7.0.15",
-            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-            "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@types/node": {
             "version": "22.17.2",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.17.2.tgz",
-            "integrity": "sha512-gL6z5N9Jm9mhY+U2KXZpteb+09zyffliRkZyZOHODGATyC5B1Jt/7TzuuiLkFsSUMLbS1OLmlj/E+/3KF4Q/4w==",
             "devOptional": true,
             "license": "MIT",
             "dependencies": {
@@ -1553,20 +844,14 @@
         },
         "node_modules/@types/qs": {
             "version": "6.14.0",
-            "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz",
-            "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==",
             "license": "MIT"
         },
         "node_modules/@types/web-bluetooth": {
             "version": "0.0.21",
-            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
-            "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
             "license": "MIT"
         },
         "node_modules/@typescript-eslint/eslint-plugin": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.39.1.tgz",
-            "integrity": "sha512-yYegZ5n3Yr6eOcqgj2nJH8cH/ZZgF+l0YIdKILSDjYFRjgYQMgv/lRjV5Z7Up04b9VYUondt8EPMqg7kTWgJ2g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1595,8 +880,6 @@
         },
         "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
             "version": "7.0.5",
-            "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
-            "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1605,8 +888,6 @@
         },
         "node_modules/@typescript-eslint/parser": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.39.1.tgz",
-            "integrity": "sha512-pUXGCuHnnKw6PyYq93lLRiZm3vjuslIy7tus1lIQTYVK9bL8XBgJnCWm8a0KcTtHC84Yya1Q6rtll+duSMj0dg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1630,8 +911,6 @@
         },
         "node_modules/@typescript-eslint/project-service": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.39.1.tgz",
-            "integrity": "sha512-8fZxek3ONTwBu9ptw5nCKqZOSkXshZB7uAxuFF0J/wTMkKydjXCzqqga7MlFMpHi9DoG4BadhmTkITBcg8Aybw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1652,8 +931,6 @@
         },
         "node_modules/@typescript-eslint/scope-manager": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.39.1.tgz",
-            "integrity": "sha512-RkBKGBrjgskFGWuyUGz/EtD8AF/GW49S21J8dvMzpJitOF1slLEbbHnNEtAHtnDAnx8qDEdRrULRnWVx27wGBw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1670,8 +947,6 @@
         },
         "node_modules/@typescript-eslint/tsconfig-utils": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.39.1.tgz",
-            "integrity": "sha512-ePUPGVtTMR8XMU2Hee8kD0Pu4NDE1CN9Q1sxGSGd/mbOtGZDM7pnhXNJnzW63zk/q+Z54zVzj44HtwXln5CvHA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1687,8 +962,6 @@
         },
         "node_modules/@typescript-eslint/type-utils": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.39.1.tgz",
-            "integrity": "sha512-gu9/ahyatyAdQbKeHnhT4R+y3YLtqqHyvkfDxaBYk97EcbfChSJXyaJnIL3ygUv7OuZatePHmQvuH5ru0lnVeA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1712,8 +985,6 @@
         },
         "node_modules/@typescript-eslint/types": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.39.1.tgz",
-            "integrity": "sha512-7sPDKQQp+S11laqTrhHqeAbsCfMkwJMrV7oTDvtDds4mEofJYir414bYKUEb8YPUm9QL3U+8f6L6YExSoAGdQw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1726,8 +997,6 @@
         },
         "node_modules/@typescript-eslint/typescript-estree": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.39.1.tgz",
-            "integrity": "sha512-EKkpcPuIux48dddVDXyQBlKdeTPMmALqBUbEk38McWv0qVEZwOpVJBi7ugK5qVNgeuYjGNQxrrnoM/5+TI/BPw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1755,8 +1024,6 @@
         },
         "node_modules/@typescript-eslint/utils": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.39.1.tgz",
-            "integrity": "sha512-VF5tZ2XnUSTuiqZFXCZfZs1cgkdd3O/sSYmdo2EpSyDlC86UM/8YytTmKnehOW3TGAlivqTDT6bS87B/GQ/jyg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1779,8 +1046,6 @@
         },
         "node_modules/@typescript-eslint/visitor-keys": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.39.1.tgz",
-            "integrity": "sha512-W8FQi6kEh2e8zVhQ0eeRnxdvIoOkAp/CPAahcNio6nO9dsIwb9b34z90KOlheoyuVf6LSOEdjlkxSkapNEc+4A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1797,8 +1062,6 @@
         },
         "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
             "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-            "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -1810,8 +1073,6 @@
         },
         "node_modules/@vitejs/plugin-vue": {
             "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.1.tgz",
-            "integrity": "sha512-+MaE752hU0wfPFJEUAIxqw18+20euHHdxVtMvbFcOEpjEyfqXH/5DCoTHiVJ0J29EhTJdoTkjEv5YBKU9dnoTw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1827,8 +1088,6 @@
         },
         "node_modules/@volar/language-core": {
             "version": "2.4.15",
-            "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.15.tgz",
-            "integrity": "sha512-3VHw+QZU0ZG9IuQmzT68IyN4hZNd9GchGPhbD9+pa8CVv7rnoOZwo7T8weIbrRmihqy3ATpdfXFnqRrfPVK6CA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1837,15 +1096,11 @@
         },
         "node_modules/@volar/source-map": {
             "version": "2.4.15",
-            "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.15.tgz",
-            "integrity": "sha512-CPbMWlUN6hVZJYGcU/GSoHu4EnCHiLaXI9n8c9la6RaI9W5JHX+NqG+GSQcB0JdC2FIBLdZJwGsfKyBB71VlTg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@volar/typescript": {
             "version": "2.4.15",
-            "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.15.tgz",
-            "integrity": "sha512-2aZ8i0cqPGjXb4BhkMsPYDkkuc2ZQ6yOpqwAuNwUoncELqoy5fRgOQtLR9gB0g902iS0NAkvpIzs27geVyVdPg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1856,8 +1111,6 @@
         },
         "node_modules/@vue/compiler-core": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.18.tgz",
-            "integrity": "sha512-3slwjQrrV1TO8MoXgy3aynDQ7lslj5UqDxuHnrzHtpON5CBinhWjJETciPngpin/T3OuW3tXUf86tEurusnztw==",
             "license": "MIT",
             "dependencies": {
                 "@babel/parser": "^7.28.0",
@@ -1869,8 +1122,6 @@
         },
         "node_modules/@vue/compiler-dom": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.18.tgz",
-            "integrity": "sha512-RMbU6NTU70++B1JyVJbNbeFkK+A+Q7y9XKE2EM4NLGm2WFR8x9MbAtWxPPLdm0wUkuZv9trpwfSlL6tjdIa1+A==",
             "license": "MIT",
             "dependencies": {
                 "@vue/compiler-core": "3.5.18",
@@ -1879,8 +1130,6 @@
         },
         "node_modules/@vue/compiler-sfc": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.18.tgz",
-            "integrity": "sha512-5aBjvGqsWs+MoxswZPoTB9nSDb3dhd1x30xrrltKujlCxo48j8HGDNj3QPhF4VIS0VQDUrA1xUfp2hEa+FNyXA==",
             "license": "MIT",
             "dependencies": {
                 "@babel/parser": "^7.28.0",
@@ -1896,8 +1145,6 @@
         },
         "node_modules/@vue/compiler-ssr": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.18.tgz",
-            "integrity": "sha512-xM16Ak7rSWHkM3m22NlmcdIM+K4BMyFARAfV9hYFl+SFuRzrZ3uGMNW05kA5pmeMa0X9X963Kgou7ufdbpOP9g==",
             "license": "MIT",
             "dependencies": {
                 "@vue/compiler-dom": "3.5.18",
@@ -1906,8 +1153,6 @@
         },
         "node_modules/@vue/compiler-vue2": {
             "version": "2.7.16",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
-            "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1917,8 +1162,6 @@
         },
         "node_modules/@vue/eslint-config-typescript": {
             "version": "14.6.0",
-            "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-14.6.0.tgz",
-            "integrity": "sha512-UpiRY/7go4Yps4mYCjkvlIbVWmn9YvPGQDxTAlcKLphyaD77LjIu3plH4Y9zNT0GB4f3K5tMmhhtRhPOgrQ/bQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1943,8 +1186,6 @@
         },
         "node_modules/@vue/language-core": {
             "version": "2.2.12",
-            "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.2.12.tgz",
-            "integrity": "sha512-IsGljWbKGU1MZpBPN+BvPAdr55YPkj2nB/TBNGNC32Vy2qLG25DYu/NBN2vNtZqdRbTRjaoYrahLrToim2NanA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1968,8 +1209,6 @@
         },
         "node_modules/@vue/reactivity": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.18.tgz",
-            "integrity": "sha512-x0vPO5Imw+3sChLM5Y+B6G1zPjwdOri9e8V21NnTnlEvkxatHEH5B5KEAJcjuzQ7BsjGrKtfzuQ5eQwXh8HXBg==",
             "license": "MIT",
             "dependencies": {
                 "@vue/shared": "3.5.18"
@@ -1977,8 +1216,6 @@
         },
         "node_modules/@vue/runtime-core": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.18.tgz",
-            "integrity": "sha512-DUpHa1HpeOQEt6+3nheUfqVXRog2kivkXHUhoqJiKR33SO4x+a5uNOMkV487WPerQkL0vUuRvq/7JhRgLW3S+w==",
             "license": "MIT",
             "dependencies": {
                 "@vue/reactivity": "3.5.18",
@@ -1987,8 +1224,6 @@
         },
         "node_modules/@vue/runtime-dom": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.18.tgz",
-            "integrity": "sha512-YwDj71iV05j4RnzZnZtGaXwPoUWeRsqinblgVJwR8XTXYZ9D5PbahHQgsbmzUvCWNF6x7siQ89HgnX5eWkr3mw==",
             "license": "MIT",
             "dependencies": {
                 "@vue/reactivity": "3.5.18",
@@ -1999,8 +1234,6 @@
         },
         "node_modules/@vue/server-renderer": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.18.tgz",
-            "integrity": "sha512-PvIHLUoWgSbDG7zLHqSqaCoZvHi6NNmfVFOqO+OnwvqMz/tqQr3FuGWS8ufluNddk7ZLBJYMrjcw1c6XzR12mA==",
             "license": "MIT",
             "dependencies": {
                 "@vue/compiler-ssr": "3.5.18",
@@ -2012,14 +1245,10 @@
         },
         "node_modules/@vue/shared": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.18.tgz",
-            "integrity": "sha512-cZy8Dq+uuIXbxCZpuLd2GJdeSO/lIzIspC2WtkqIpje5QyFbvLaI5wZtdUjLHjGZrlVX6GilejatWwVYYRc8tA==",
             "license": "MIT"
         },
         "node_modules/@vueuse/core": {
             "version": "12.8.2",
-            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.8.2.tgz",
-            "integrity": "sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==",
             "license": "MIT",
             "dependencies": {
                 "@types/web-bluetooth": "^0.0.21",
@@ -2033,8 +1262,6 @@
         },
         "node_modules/@vueuse/metadata": {
             "version": "12.8.2",
-            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.8.2.tgz",
-            "integrity": "sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/antfu"
@@ -2042,8 +1269,6 @@
         },
         "node_modules/@vueuse/shared": {
             "version": "12.8.2",
-            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.8.2.tgz",
-            "integrity": "sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==",
             "license": "MIT",
             "dependencies": {
                 "vue": "^3.5.13"
@@ -2054,8 +1279,6 @@
         },
         "node_modules/acorn": {
             "version": "8.15.0",
-            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
-            "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -2067,8 +1290,6 @@
         },
         "node_modules/acorn-jsx": {
             "version": "5.3.2",
-            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
             "dev": true,
             "license": "MIT",
             "peerDependencies": {
@@ -2077,8 +1298,6 @@
         },
         "node_modules/ajv": {
             "version": "6.12.6",
-            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2094,15 +1313,11 @@
         },
         "node_modules/alien-signals": {
             "version": "1.0.13",
-            "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-1.0.13.tgz",
-            "integrity": "sha512-OGj9yyTnJEttvzhTUWuscOvtqxq5vrhF7vL9oS0xJ2mK0ItPYP1/y+vCFebfxoEyAz0++1AIwJ5CMr+Fk3nDmg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/ansi-regex": {
             "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2111,8 +1326,6 @@
         },
         "node_modules/ansi-styles": {
             "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2127,15 +1340,11 @@
         },
         "node_modules/argparse": {
             "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
             "dev": true,
             "license": "Python-2.0"
         },
         "node_modules/aria-hidden": {
             "version": "1.2.6",
-            "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
-            "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.0.0"
@@ -2146,14 +1355,10 @@
         },
         "node_modules/asynckit": {
             "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
             "license": "MIT"
         },
         "node_modules/axios": {
             "version": "1.11.0",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
-            "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
             "license": "MIT",
             "dependencies": {
                 "follow-redirects": "^1.15.6",
@@ -2163,22 +1368,16 @@
         },
         "node_modules/balanced-match": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/boolbase": {
             "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/brace-expansion": {
             "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-            "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2187,8 +1386,6 @@
         },
         "node_modules/braces": {
             "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2200,8 +1397,6 @@
         },
         "node_modules/call-bind-apply-helpers": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-            "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -2213,8 +1408,6 @@
         },
         "node_modules/call-bound": {
             "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
-            "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
             "license": "MIT",
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.2",
@@ -2229,8 +1422,6 @@
         },
         "node_modules/callsites": {
             "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2239,8 +1430,6 @@
         },
         "node_modules/chalk": {
             "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2256,8 +1445,6 @@
         },
         "node_modules/chalk/node_modules/supports-color": {
             "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2269,8 +1456,6 @@
         },
         "node_modules/chownr": {
             "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
-            "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
             "dev": true,
             "license": "BlueOak-1.0.0",
             "engines": {
@@ -2279,8 +1464,6 @@
         },
         "node_modules/class-variance-authority": {
             "version": "0.7.1",
-            "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
-            "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
             "license": "Apache-2.0",
             "dependencies": {
                 "clsx": "^2.1.1"
@@ -2291,8 +1474,6 @@
         },
         "node_modules/cliui": {
             "version": "8.0.1",
-            "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-            "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -2306,8 +1487,6 @@
         },
         "node_modules/clsx": {
             "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
-            "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
             "license": "MIT",
             "engines": {
                 "node": ">=6"
@@ -2315,8 +1494,6 @@
         },
         "node_modules/color-convert": {
             "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2328,15 +1505,11 @@
         },
         "node_modules/color-name": {
             "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/combined-stream": {
             "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
             "license": "MIT",
             "dependencies": {
                 "delayed-stream": "~1.0.0"
@@ -2347,15 +1520,11 @@
         },
         "node_modules/concat-map": {
             "version": "0.0.1",
-            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/concurrently": {
             "version": "9.2.0",
-            "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.2.0.tgz",
-            "integrity": "sha512-IsB/fiXTupmagMW4MNp2lx2cdSN2FfZq78vF90LBB+zZHArbIQZjQtzXCiXnvTxCZSvXanTqFLWBjw2UkLx1SQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2380,8 +1549,6 @@
         },
         "node_modules/cross-spawn": {
             "version": "7.0.6",
-            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2395,8 +1562,6 @@
         },
         "node_modules/cssesc": {
             "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -2408,21 +1573,15 @@
         },
         "node_modules/csstype": {
             "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-            "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
             "license": "MIT"
         },
         "node_modules/de-indent": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
-            "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/debug": {
             "version": "4.4.1",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
-            "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2439,21 +1598,15 @@
         },
         "node_modules/deep-is": {
             "version": "0.1.4",
-            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/defu": {
             "version": "6.1.4",
-            "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
-            "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
             "license": "MIT"
         },
         "node_modules/delayed-stream": {
             "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.4.0"
@@ -2461,8 +1614,6 @@
         },
         "node_modules/detect-libc": {
             "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
-            "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
             "devOptional": true,
             "license": "Apache-2.0",
             "engines": {
@@ -2471,8 +1622,6 @@
         },
         "node_modules/dunder-proto": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-            "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
             "license": "MIT",
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.1",
@@ -2485,15 +1634,11 @@
         },
         "node_modules/emoji-regex": {
             "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/enhanced-resolve": {
             "version": "5.18.3",
-            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
-            "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2506,8 +1651,6 @@
         },
         "node_modules/entities": {
             "version": "4.5.0",
-            "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-            "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
             "license": "BSD-2-Clause",
             "engines": {
                 "node": ">=0.12"
@@ -2518,8 +1661,6 @@
         },
         "node_modules/es-define-property": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-            "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -2527,8 +1668,6 @@
         },
         "node_modules/es-errors": {
             "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-            "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -2536,8 +1675,6 @@
         },
         "node_modules/es-object-atoms": {
             "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-            "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0"
@@ -2548,8 +1685,6 @@
         },
         "node_modules/es-set-tostringtag": {
             "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
-            "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -2562,9 +1697,7 @@
             }
         },
         "node_modules/es-toolkit": {
-            "version": "1.39.10",
-            "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.39.10.tgz",
-            "integrity": "sha512-E0iGnTtbDhkeczB0T+mxmoVlT4YNweEKBLq7oaU4p11mecdsZpNWOglI4895Vh4usbQ+LsJiuLuI2L0Vdmfm2w==",
+            "version": "1.39.9",
             "license": "MIT",
             "workspaces": [
                 "docs",
@@ -2573,8 +1706,6 @@
         },
         "node_modules/esbuild": {
             "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.9.tgz",
-            "integrity": "sha512-CRbODhYyQx3qp7ZEwzxOk4JBqmD/seJrzPa/cGjY1VtIn5E09Oi9/dB4JwctnfZ8Q8iT7rioVv5k/FNT/uf54g==",
             "hasInstallScript": true,
             "license": "MIT",
             "bin": {
@@ -2614,8 +1745,6 @@
         },
         "node_modules/escalade": {
             "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-            "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2624,8 +1753,6 @@
         },
         "node_modules/escape-string-regexp": {
             "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2637,8 +1764,6 @@
         },
         "node_modules/eslint": {
             "version": "9.33.0",
-            "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.33.0.tgz",
-            "integrity": "sha512-TS9bTNIryDzStCpJN93aC5VRSW3uTx9sClUn4B87pwiCaJh220otoI0X8mJKr+VcPtniMdN8GKjlwgWGUv5ZKA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2698,8 +1823,6 @@
         },
         "node_modules/eslint-config-prettier": {
             "version": "10.1.8",
-            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-10.1.8.tgz",
-            "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -2714,8 +1837,6 @@
         },
         "node_modules/eslint-plugin-vue": {
             "version": "9.33.0",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.33.0.tgz",
-            "integrity": "sha512-174lJKuNsuDIlLpjeXc5E2Tss8P44uIimAfGD0b90k0NoirJqpG7stLuU9Vp/9ioTOrQdWVREc4mRd1BD+CvGw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2737,8 +1858,6 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/eslint-scope": {
             "version": "7.2.2",
-            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-            "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -2754,8 +1873,6 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/espree": {
             "version": "9.6.1",
-            "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-            "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -2772,8 +1889,6 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/globals": {
             "version": "13.24.0",
-            "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-            "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2788,8 +1903,6 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/vue-eslint-parser": {
             "version": "9.4.3",
-            "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
-            "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2813,8 +1926,6 @@
         },
         "node_modules/eslint-scope": {
             "version": "8.4.0",
-            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-            "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -2830,8 +1941,6 @@
         },
         "node_modules/eslint-visitor-keys": {
             "version": "3.4.3",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-            "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -2843,8 +1952,6 @@
         },
         "node_modules/eslint/node_modules/brace-expansion": {
             "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2854,8 +1961,6 @@
         },
         "node_modules/eslint/node_modules/eslint-visitor-keys": {
             "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-            "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -2867,8 +1972,6 @@
         },
         "node_modules/eslint/node_modules/minimatch": {
             "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -2880,8 +1983,6 @@
         },
         "node_modules/espree": {
             "version": "10.4.0",
-            "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
-            "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -2898,8 +1999,6 @@
         },
         "node_modules/espree/node_modules/eslint-visitor-keys": {
             "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-            "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -2911,8 +2010,6 @@
         },
         "node_modules/esquery": {
             "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
-            "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
             "dev": true,
             "license": "BSD-3-Clause",
             "dependencies": {
@@ -2924,8 +2021,6 @@
         },
         "node_modules/esrecurse": {
             "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -2937,8 +2032,6 @@
         },
         "node_modules/estraverse": {
             "version": "5.3.0",
-            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
             "dev": true,
             "license": "BSD-2-Clause",
             "engines": {
@@ -2947,14 +2040,10 @@
         },
         "node_modules/estree-walker": {
             "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
             "license": "MIT"
         },
         "node_modules/esutils": {
             "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
             "dev": true,
             "license": "BSD-2-Clause",
             "engines": {
@@ -2963,15 +2052,11 @@
         },
         "node_modules/fast-deep-equal": {
             "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/fast-glob": {
             "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-            "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2987,8 +2072,6 @@
         },
         "node_modules/fast-glob/node_modules/glob-parent": {
             "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -3000,22 +2083,16 @@
         },
         "node_modules/fast-json-stable-stringify": {
             "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/fast-levenshtein": {
             "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/fastq": {
             "version": "1.19.1",
-            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
-            "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -3024,8 +2101,6 @@
         },
         "node_modules/file-entry-cache": {
             "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-            "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3037,8 +2112,6 @@
         },
         "node_modules/fill-range": {
             "version": "7.1.1",
-            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3050,8 +2123,6 @@
         },
         "node_modules/find-up": {
             "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3067,8 +2138,6 @@
         },
         "node_modules/flat-cache": {
             "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-            "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3081,15 +2150,11 @@
         },
         "node_modules/flatted": {
             "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
-            "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/follow-redirects": {
             "version": "1.15.11",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
-            "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
             "funding": [
                 {
                     "type": "individual",
@@ -3108,8 +2173,6 @@
         },
         "node_modules/form-data": {
             "version": "4.0.4",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
-            "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
             "license": "MIT",
             "dependencies": {
                 "asynckit": "^0.4.0",
@@ -3124,9 +2187,6 @@
         },
         "node_modules/fsevents": {
             "version": "2.3.3",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-            "hasInstallScript": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -3138,8 +2198,6 @@
         },
         "node_modules/function-bind": {
             "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
@@ -3147,8 +2205,6 @@
         },
         "node_modules/get-caller-file": {
             "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -3157,8 +2213,6 @@
         },
         "node_modules/get-intrinsic": {
             "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-            "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
             "license": "MIT",
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.2",
@@ -3181,8 +2235,6 @@
         },
         "node_modules/get-proto": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-            "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
             "license": "MIT",
             "dependencies": {
                 "dunder-proto": "^1.0.1",
@@ -3194,8 +2246,6 @@
         },
         "node_modules/glob-parent": {
             "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -3207,8 +2257,6 @@
         },
         "node_modules/globals": {
             "version": "14.0.0",
-            "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-            "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3220,8 +2268,6 @@
         },
         "node_modules/gopd": {
             "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-            "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -3232,22 +2278,16 @@
         },
         "node_modules/graceful-fs": {
             "version": "4.2.11",
-            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/graphemer": {
             "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-            "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/has-flag": {
             "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3256,8 +2296,6 @@
         },
         "node_modules/has-symbols": {
             "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-            "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -3268,8 +2306,6 @@
         },
         "node_modules/has-tostringtag": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-            "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
             "license": "MIT",
             "dependencies": {
                 "has-symbols": "^1.0.3"
@@ -3283,8 +2319,6 @@
         },
         "node_modules/hasown": {
             "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
             "license": "MIT",
             "dependencies": {
                 "function-bind": "^1.1.2"
@@ -3295,8 +2329,6 @@
         },
         "node_modules/he": {
             "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -3305,8 +2337,6 @@
         },
         "node_modules/ignore": {
             "version": "5.3.2",
-            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-            "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3315,8 +2345,6 @@
         },
         "node_modules/import-fresh": {
             "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
-            "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3332,8 +2360,6 @@
         },
         "node_modules/imurmurhash": {
             "version": "0.1.4",
-            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3342,8 +2368,6 @@
         },
         "node_modules/is-extglob": {
             "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3352,8 +2376,6 @@
         },
         "node_modules/is-fullwidth-code-point": {
             "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3362,8 +2384,6 @@
         },
         "node_modules/is-glob": {
             "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3375,8 +2395,6 @@
         },
         "node_modules/is-number": {
             "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3385,15 +2403,11 @@
         },
         "node_modules/isexe": {
             "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/jiti": {
             "version": "2.5.1",
-            "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.5.1.tgz",
-            "integrity": "sha512-twQoecYPiVA5K/h6SxtORw/Bs3ar+mLUtoPSc7iMXzQzK8d7eJ/R09wmTwAjiamETn1cXYPGfNnu7DMoHgu12w==",
             "devOptional": true,
             "license": "MIT",
             "bin": {
@@ -3402,8 +2416,6 @@
         },
         "node_modules/js-yaml": {
             "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3415,29 +2427,21 @@
         },
         "node_modules/json-buffer": {
             "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-            "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/json-schema-traverse": {
             "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/json-stable-stringify-without-jsonify": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/keyv": {
             "version": "4.5.4",
-            "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-            "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3446,8 +2450,6 @@
         },
         "node_modules/laravel-vite-plugin": {
             "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-2.0.0.tgz",
-            "integrity": "sha512-pnaKHInJgiWpG/g+LmaISHl7D/1s5wnOXnrGiBdt4NOs+tYZRw0v/ZANELGX2/dGgHyEzO+iZ6x4idpoK04z/Q==",
             "license": "MIT",
             "dependencies": {
                 "picocolors": "^1.0.0",
@@ -3465,8 +2467,6 @@
         },
         "node_modules/levn": {
             "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3479,8 +2479,6 @@
         },
         "node_modules/lightningcss": {
             "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
-            "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
             "devOptional": true,
             "license": "MPL-2.0",
             "dependencies": {
@@ -3508,8 +2506,6 @@
         },
         "node_modules/lightningcss-darwin-arm64": {
             "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
-            "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
             "cpu": [
                 "arm64"
             ],
@@ -3526,106 +2522,6 @@
                 "url": "https://opencollective.com/parcel"
             }
         },
-        "node_modules/lightningcss-darwin-x64": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
-            "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-freebsd-x64": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
-            "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-arm-gnueabihf": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
-            "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
-            "cpu": [
-                "arm"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-arm64-gnu": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
-            "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-arm64-musl": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
-            "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
         "node_modules/lightningcss-linux-x64-gnu": {
             "version": "1.30.1",
             "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
@@ -3633,27 +2529,6 @@
             "cpu": [
                 "x64"
             ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-x64-musl": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
-            "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MPL-2.0",
             "optional": true,
             "os": [
                 "linux"
@@ -3666,50 +2541,8 @@
                 "url": "https://opencollective.com/parcel"
             }
         },
-        "node_modules/lightningcss-win32-arm64-msvc": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
-            "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-win32-x64-msvc": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
-            "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
         "node_modules/locate-path": {
             "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3724,22 +2557,16 @@
         },
         "node_modules/lodash": {
             "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/lodash.merge": {
             "version": "4.6.2",
-            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/lucide-vue-next": {
             "version": "0.468.0",
-            "resolved": "https://registry.npmjs.org/lucide-vue-next/-/lucide-vue-next-0.468.0.tgz",
-            "integrity": "sha512-quV/6T8YB1XK0VOEnebg3Byd8Rsan5/m95cvjnuHV4vcS3qEnLAybkrSh0hk3ppavx+V7R1PjNW+mGDvcBdz4A==",
             "license": "ISC",
             "peerDependencies": {
                 "vue": ">=3.0.1"
@@ -3747,8 +2574,6 @@
         },
         "node_modules/magic-string": {
             "version": "0.30.17",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-            "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
             "license": "MIT",
             "dependencies": {
                 "@jridgewell/sourcemap-codec": "^1.5.0"
@@ -3756,8 +2581,6 @@
         },
         "node_modules/math-intrinsics": {
             "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-            "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -3765,8 +2588,6 @@
         },
         "node_modules/merge2": {
             "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3775,8 +2596,6 @@
         },
         "node_modules/micromatch": {
             "version": "4.0.8",
-            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-            "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3789,8 +2608,6 @@
         },
         "node_modules/mime-db": {
             "version": "1.52.0",
-            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
@@ -3798,8 +2615,6 @@
         },
         "node_modules/mime-types": {
             "version": "2.1.35",
-            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
             "license": "MIT",
             "dependencies": {
                 "mime-db": "1.52.0"
@@ -3810,8 +2625,6 @@
         },
         "node_modules/minimatch": {
             "version": "9.0.5",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -3826,8 +2639,6 @@
         },
         "node_modules/minipass": {
             "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-            "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -3836,8 +2647,6 @@
         },
         "node_modules/minizlib": {
             "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.2.tgz",
-            "integrity": "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3849,8 +2658,6 @@
         },
         "node_modules/mkdirp": {
             "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
-            "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -3865,22 +2672,16 @@
         },
         "node_modules/ms": {
             "version": "2.1.3",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/muggle-string": {
             "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
-            "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/nanoid": {
             "version": "3.3.11",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
             "funding": [
                 {
                     "type": "github",
@@ -3897,15 +2698,11 @@
         },
         "node_modules/natural-compare": {
             "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/nth-check": {
             "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -3917,8 +2714,6 @@
         },
         "node_modules/object-inspect": {
             "version": "1.13.4",
-            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-            "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -3929,14 +2724,10 @@
         },
         "node_modules/ohash": {
             "version": "2.0.11",
-            "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
-            "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
             "license": "MIT"
         },
         "node_modules/optionator": {
             "version": "0.9.4",
-            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-            "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3953,8 +2744,6 @@
         },
         "node_modules/p-limit": {
             "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3969,8 +2758,6 @@
         },
         "node_modules/p-locate": {
             "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3985,8 +2772,6 @@
         },
         "node_modules/parent-module": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3998,15 +2783,11 @@
         },
         "node_modules/path-browserify": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
-            "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/path-exists": {
             "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4015,8 +2796,6 @@
         },
         "node_modules/path-key": {
             "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4025,14 +2804,10 @@
         },
         "node_modules/picocolors": {
             "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
             "license": "ISC"
         },
         "node_modules/picomatch": {
             "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
             "license": "MIT",
             "engines": {
                 "node": ">=8.6"
@@ -4043,8 +2818,6 @@
         },
         "node_modules/postcss": {
             "version": "8.5.6",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-            "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -4071,8 +2844,6 @@
         },
         "node_modules/postcss-selector-parser": {
             "version": "6.1.2",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4085,8 +2856,6 @@
         },
         "node_modules/prelude-ls": {
             "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4095,8 +2864,6 @@
         },
         "node_modules/prettier": {
             "version": "3.6.2",
-            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz",
-            "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -4111,8 +2878,6 @@
         },
         "node_modules/prettier-plugin-organize-imports": {
             "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-organize-imports/-/prettier-plugin-organize-imports-4.2.0.tgz",
-            "integrity": "sha512-Zdy27UhlmyvATZi67BTnLcKTo8fm6Oik59Sz6H64PgZJVs6NJpPD1mT240mmJn62c98/QaL+r3kx9Q3gRpDajg==",
             "dev": true,
             "license": "MIT",
             "peerDependencies": {
@@ -4128,8 +2893,6 @@
         },
         "node_modules/prettier-plugin-tailwindcss": {
             "version": "0.6.14",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.14.tgz",
-            "integrity": "sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4215,14 +2978,10 @@
         },
         "node_modules/proxy-from-env": {
             "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
             "license": "MIT"
         },
         "node_modules/punycode": {
             "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4231,8 +2990,6 @@
         },
         "node_modules/qs": {
             "version": "6.14.0",
-            "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
-            "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "side-channel": "^1.1.0"
@@ -4246,8 +3003,6 @@
         },
         "node_modules/queue-microtask": {
             "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
             "dev": true,
             "funding": [
                 {
@@ -4267,8 +3022,6 @@
         },
         "node_modules/reka-ui": {
             "version": "2.4.1",
-            "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.4.1.tgz",
-            "integrity": "sha512-NB7DrCsODN8MH02BWtgiExygfFcuuZ5/PTn6fMgjppmFHqePvNhmSn1LEuF35nel6PFbA4v+gdj0IoGN1yZ+vw==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/dom": "^1.6.13",
@@ -4288,8 +3041,6 @@
         },
         "node_modules/require-directory": {
             "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4298,8 +3049,6 @@
         },
         "node_modules/resolve-from": {
             "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4308,8 +3057,6 @@
         },
         "node_modules/reusify": {
             "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
-            "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4318,9 +3065,7 @@
             }
         },
         "node_modules/rollup": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.46.3.tgz",
-            "integrity": "sha512-RZn2XTjXb8t5g13f5YclGoilU/kwT696DIkY3sywjdZidNSi3+vseaQov7D7BZXVJCPv3pDWUN69C78GGbXsKw==",
+            "version": "4.46.2",
             "license": "MIT",
             "dependencies": {
                 "@types/estree": "1.0.8"
@@ -4333,37 +3078,36 @@
                 "npm": ">=8.0.0"
             },
             "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.46.3",
-                "@rollup/rollup-android-arm64": "4.46.3",
-                "@rollup/rollup-darwin-arm64": "4.46.3",
-                "@rollup/rollup-darwin-x64": "4.46.3",
-                "@rollup/rollup-freebsd-arm64": "4.46.3",
-                "@rollup/rollup-freebsd-x64": "4.46.3",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.46.3",
-                "@rollup/rollup-linux-arm-musleabihf": "4.46.3",
-                "@rollup/rollup-linux-arm64-gnu": "4.46.3",
-                "@rollup/rollup-linux-arm64-musl": "4.46.3",
-                "@rollup/rollup-linux-loongarch64-gnu": "4.46.3",
-                "@rollup/rollup-linux-ppc64-gnu": "4.46.3",
-                "@rollup/rollup-linux-riscv64-gnu": "4.46.3",
-                "@rollup/rollup-linux-riscv64-musl": "4.46.3",
-                "@rollup/rollup-linux-s390x-gnu": "4.46.3",
-                "@rollup/rollup-linux-x64-gnu": "4.46.3",
-                "@rollup/rollup-linux-x64-musl": "4.46.3",
-                "@rollup/rollup-win32-arm64-msvc": "4.46.3",
-                "@rollup/rollup-win32-ia32-msvc": "4.46.3",
-                "@rollup/rollup-win32-x64-msvc": "4.46.3",
+                "@rollup/rollup-android-arm-eabi": "4.46.2",
+                "@rollup/rollup-android-arm64": "4.46.2",
+                "@rollup/rollup-darwin-arm64": "4.46.2",
+                "@rollup/rollup-darwin-x64": "4.46.2",
+                "@rollup/rollup-freebsd-arm64": "4.46.2",
+                "@rollup/rollup-freebsd-x64": "4.46.2",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.46.2",
+                "@rollup/rollup-linux-arm-musleabihf": "4.46.2",
+                "@rollup/rollup-linux-arm64-gnu": "4.46.2",
+                "@rollup/rollup-linux-arm64-musl": "4.46.2",
+                "@rollup/rollup-linux-loongarch64-gnu": "4.46.2",
+                "@rollup/rollup-linux-ppc64-gnu": "4.46.2",
+                "@rollup/rollup-linux-riscv64-gnu": "4.46.2",
+                "@rollup/rollup-linux-riscv64-musl": "4.46.2",
+                "@rollup/rollup-linux-s390x-gnu": "4.46.2",
+                "@rollup/rollup-linux-x64-gnu": "4.46.2",
+                "@rollup/rollup-linux-x64-musl": "4.46.2",
+                "@rollup/rollup-win32-arm64-msvc": "4.46.2",
+                "@rollup/rollup-win32-ia32-msvc": "4.46.2",
+                "@rollup/rollup-win32-x64-msvc": "4.46.2",
                 "fsevents": "~2.3.2"
             }
         },
         "node_modules/rollup/node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.46.3.tgz",
-            "integrity": "sha512-F42IgZI4JicE2vM2PWCe0N5mR5vR0gIdORPqhGQ32/u1S1v3kLtbZ0C/mi9FFk7C5T0PgdeyWEPajPjaUpyoKg==",
+            "version": "4.46.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.46.2.tgz",
+            "integrity": "sha512-Jj5a9RUoe5ra+MEyERkDKLwTXVu6s3aACP51nkfnK9wJTraCC8IMe3snOfALkrjTYd2G1ViE1hICj0fZ7ALBPA==",
             "cpu": [
                 "x64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -4371,8 +3115,6 @@
         },
         "node_modules/run-parallel": {
             "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
             "dev": true,
             "funding": [
                 {
@@ -4395,8 +3137,6 @@
         },
         "node_modules/rxjs": {
             "version": "7.8.2",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
-            "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -4405,8 +3145,6 @@
         },
         "node_modules/semver": {
             "version": "7.7.2",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
-            "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
             "dev": true,
             "license": "ISC",
             "bin": {
@@ -4418,8 +3156,6 @@
         },
         "node_modules/shebang-command": {
             "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4431,8 +3167,6 @@
         },
         "node_modules/shebang-regex": {
             "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4441,8 +3175,6 @@
         },
         "node_modules/shell-quote": {
             "version": "1.8.3",
-            "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
-            "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4454,8 +3186,6 @@
         },
         "node_modules/side-channel": {
             "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-            "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -4473,8 +3203,6 @@
         },
         "node_modules/side-channel-list": {
             "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
-            "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -4489,8 +3217,6 @@
         },
         "node_modules/side-channel-map": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
-            "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
             "license": "MIT",
             "dependencies": {
                 "call-bound": "^1.0.2",
@@ -4507,8 +3233,6 @@
         },
         "node_modules/side-channel-weakmap": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
-            "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
             "license": "MIT",
             "dependencies": {
                 "call-bound": "^1.0.2",
@@ -4526,8 +3250,6 @@
         },
         "node_modules/source-map-js": {
             "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
             "license": "BSD-3-Clause",
             "engines": {
                 "node": ">=0.10.0"
@@ -4535,8 +3257,6 @@
         },
         "node_modules/string-width": {
             "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4550,8 +3270,6 @@
         },
         "node_modules/strip-ansi": {
             "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4563,8 +3281,6 @@
         },
         "node_modules/strip-json-comments": {
             "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4576,8 +3292,6 @@
         },
         "node_modules/supports-color": {
             "version": "8.1.1",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-            "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4592,8 +3306,6 @@
         },
         "node_modules/tailwind-merge": {
             "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.3.1.tgz",
-            "integrity": "sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -4602,14 +3314,10 @@
         },
         "node_modules/tailwindcss": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.12.tgz",
-            "integrity": "sha512-DzFtxOi+7NsFf7DBtI3BJsynR+0Yp6etH+nRPTbpWnS2pZBaSksv/JGctNwSWzbFjp0vxSqknaUylseZqMDGrA==",
             "license": "MIT"
         },
         "node_modules/tapable": {
             "version": "2.2.2",
-            "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.2.tgz",
-            "integrity": "sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4618,8 +3326,6 @@
         },
         "node_modules/tar": {
             "version": "7.4.3",
-            "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz",
-            "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -4636,8 +3342,6 @@
         },
         "node_modules/tinyglobby": {
             "version": "0.2.14",
-            "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
-            "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
             "license": "MIT",
             "dependencies": {
                 "fdir": "^6.4.4",
@@ -4652,8 +3356,6 @@
         },
         "node_modules/tinyglobby/node_modules/fdir": {
             "version": "6.5.0",
-            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-            "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
             "license": "MIT",
             "engines": {
                 "node": ">=12.0.0"
@@ -4669,8 +3371,6 @@
         },
         "node_modules/tinyglobby/node_modules/picomatch": {
             "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -4681,8 +3381,6 @@
         },
         "node_modules/to-regex-range": {
             "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4694,8 +3392,6 @@
         },
         "node_modules/tree-kill": {
             "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
-            "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -4704,8 +3400,6 @@
         },
         "node_modules/ts-api-utils": {
             "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
-            "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4717,14 +3411,10 @@
         },
         "node_modules/tslib": {
             "version": "2.8.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
             "license": "0BSD"
         },
         "node_modules/tw-animate-css": {
-            "version": "1.3.7",
-            "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.3.7.tgz",
-            "integrity": "sha512-lvLb3hTIpB5oGsk8JmLoAjeCHV58nKa2zHYn8yWOoG5JJusH3bhJlF2DLAZ/5NmJ+jyH3ssiAx/2KmbhavJy/A==",
+            "version": "1.3.6",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/Wombosvideo"
@@ -4732,8 +3422,6 @@
         },
         "node_modules/type-check": {
             "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4745,8 +3433,6 @@
         },
         "node_modules/type-fest": {
             "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
             "dev": true,
             "license": "(MIT OR CC0-1.0)",
             "engines": {
@@ -4758,8 +3444,6 @@
         },
         "node_modules/typescript": {
             "version": "5.9.2",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.2.tgz",
-            "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==",
             "devOptional": true,
             "license": "Apache-2.0",
             "bin": {
@@ -4772,8 +3456,6 @@
         },
         "node_modules/typescript-eslint": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.39.1.tgz",
-            "integrity": "sha512-GDUv6/NDYngUlNvwaHM1RamYftxf782IyEDbdj3SeaIHHv8fNQVRC++fITT7kUJV/5rIA/tkoRSSskt6osEfqg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4796,15 +3478,11 @@
         },
         "node_modules/undici-types": {
             "version": "6.21.0",
-            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-            "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
             "devOptional": true,
             "license": "MIT"
         },
         "node_modules/uri-js": {
             "version": "4.4.1",
-            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -4813,15 +3491,11 @@
         },
         "node_modules/util-deprecate": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/vite": {
             "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.2.tgz",
-            "integrity": "sha512-J0SQBPlQiEXAF7tajiH+rUooJPo0l8KQgyg4/aMunNtrOa7bwuZJsJbDWzeljqQpgftxuq5yNJxQ91O9ts29UQ==",
             "license": "MIT",
             "dependencies": {
                 "esbuild": "^0.25.0",
@@ -4894,8 +3568,6 @@
         },
         "node_modules/vite-plugin-full-reload": {
             "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.2.0.tgz",
-            "integrity": "sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==",
             "license": "MIT",
             "dependencies": {
                 "picocolors": "^1.0.0",
@@ -4904,8 +3576,6 @@
         },
         "node_modules/vite/node_modules/fdir": {
             "version": "6.5.0",
-            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-            "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
             "license": "MIT",
             "engines": {
                 "node": ">=12.0.0"
@@ -4921,8 +3591,6 @@
         },
         "node_modules/vite/node_modules/picomatch": {
             "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -4933,15 +3601,11 @@
         },
         "node_modules/vscode-uri": {
             "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
-            "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/vue": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.18.tgz",
-            "integrity": "sha512-7W4Y4ZbMiQ3SEo+m9lnoNpV9xG7QVMLa+/0RFwwiAVkeYoyGXqWE85jabU4pllJNUzqfLShJ5YLptewhCWUgNA==",
             "license": "MIT",
             "dependencies": {
                 "@vue/compiler-dom": "3.5.18",
@@ -4961,8 +3625,6 @@
         },
         "node_modules/vue-eslint-parser": {
             "version": "10.2.0",
-            "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-10.2.0.tgz",
-            "integrity": "sha512-CydUvFOQKD928UzZhTp4pr2vWz1L+H99t7Pkln2QSPdvmURT0MoC4wUccfCnuEaihNsu9aYYyk+bep8rlfkUXw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4985,8 +3647,6 @@
         },
         "node_modules/vue-eslint-parser/node_modules/eslint-visitor-keys": {
             "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-            "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -4998,8 +3658,6 @@
         },
         "node_modules/vue-tsc": {
             "version": "2.2.12",
-            "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.2.12.tgz",
-            "integrity": "sha512-P7OP77b2h/Pmk+lZdJ0YWs+5tJ6J2+uOQPo7tlBnY44QqQSPYvS0qVT4wqDJgwrZaLe47etJLLQRFia71GYITw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5015,8 +3673,6 @@
         },
         "node_modules/which": {
             "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -5031,8 +3687,6 @@
         },
         "node_modules/word-wrap": {
             "version": "1.2.5",
-            "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-            "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -5041,8 +3695,6 @@
         },
         "node_modules/wrap-ansi": {
             "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5059,8 +3711,6 @@
         },
         "node_modules/xml-name-validator": {
             "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
-            "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -5069,8 +3719,6 @@
         },
         "node_modules/y18n": {
             "version": "5.0.8",
-            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -5079,8 +3727,6 @@
         },
         "node_modules/yallist": {
             "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
-            "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
             "dev": true,
             "license": "BlueOak-1.0.0",
             "engines": {
@@ -5089,8 +3735,6 @@
         },
         "node_modules/yargs": {
             "version": "17.7.2",
-            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-            "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5108,8 +3752,6 @@
         },
         "node_modules/yargs-parser": {
             "version": "21.1.1",
-            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-            "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -5118,8 +3760,6 @@
         },
         "node_modules/yocto-queue": {
             "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -5131,8 +3771,6 @@
         },
         "node_modules/ziggy-js": {
             "version": "2.5.3",
-            "resolved": "https://registry.npmjs.org/ziggy-js/-/ziggy-js-2.5.3.tgz",
-            "integrity": "sha512-fdlGmRpG6I7yqGicIm6xYXhfbYZHjjb5fPHF5xekK6RLQRgOgLXzEg1R6GUgmF3qPAuKTHhAJ3EUfZ86LyMGeg==",
             "license": "MIT",
             "dependencies": {
                 "@types/qs": "^6.9.17",
@@ -5141,8 +3779,6 @@
         },
         "node_modules/ziggy-js/node_modules/qs": {
             "version": "6.9.7",
-            "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz",
-            "integrity": "sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==",
             "license": "BSD-3-Clause",
             "engines": {
                 "node": ">=0.6"

From 2e551561c7063406f8ca97d68052f7b607c617f4 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Wed, 20 Aug 2025 19:53:19 +0530
Subject: [PATCH 31/58] fix: make component reactive

---
 resources/js/pages/settings/TwoFactor.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index a440f21e..e3e38aed 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -204,11 +204,12 @@ const verificationCode = computed(() => code.value.join(''));
                             </CardDescription>
                         </CardHeader>
                         <CardContent>
-                            <div class="group flex items-center justify-between select-none">
-                                <Button @click="toggleRecoveryCodesVisibility">
+                            <div class="flex flex-col gap-3 select-none sm:flex-row sm:items-center sm:justify-between">
+                                <Button @click="toggleRecoveryCodesVisibility" class="w-fit">
                                     <component :is="recoveryCodes.isVisible ? EyeOff : Eye" class="size-4" />
                                     {{ recoveryCodes.isVisible ? 'Hide' : 'View' }} Recovery Codes
                                 </Button>
+
                                 <Form
                                     v-if="recoveryCodes.isVisible"
                                     :action="route('two-factor.recovery-codes')"
@@ -218,12 +219,11 @@ const verificationCode = computed(() => code.value.join(''));
                                     #default="{ processing }"
                                 >
                                     <Button variant="secondary" type="submit" :disabled="processing">
-                                        <RefreshCw />
+                                        <RefreshCw class="mr-2 size-4" :class="{ 'animate-spin': processing }" />
                                         {{ processing ? 'Regenerating...' : 'Regenerate Codes' }}
                                     </Button>
                                 </Form>
                             </div>
-
                             <div
                                 :class="[
                                     'relative overflow-hidden transition-all duration-300',

From 9b818985855aa544acd33e2cee43dffdd3ad3cc3 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Thu, 21 Aug 2025 22:49:00 +0530
Subject: [PATCH 32/58] wip

---
 resources/js/composables/useClipboard.ts      |  8 +--
 .../js/pages/auth/TwoFactorChallenge.vue      | 30 +++++++---
 resources/js/pages/settings/TwoFactor.vue     | 56 ++++++++-----------
 3 files changed, 48 insertions(+), 46 deletions(-)

diff --git a/resources/js/composables/useClipboard.ts b/resources/js/composables/useClipboard.ts
index bb2ba915..252ee09f 100644
--- a/resources/js/composables/useClipboard.ts
+++ b/resources/js/composables/useClipboard.ts
@@ -7,7 +7,7 @@ interface ClipboardOptions {
 export function useClipboard(options: ClipboardOptions = {}) {
     const { timeout = 1500 } = options;
 
-    const copied = ref(false);
+    const recentlyCopied = ref(false);
 
     const copyToClipboard = async (text: string): Promise<void> => {
         if (typeof window === 'undefined' || !navigator.clipboard) {
@@ -16,15 +16,15 @@ export function useClipboard(options: ClipboardOptions = {}) {
 
         try {
             await navigator.clipboard.writeText(text);
-            copied.value = true;
-            setTimeout(() => (copied.value = false), timeout);
+            recentlyCopied.value = true;
+            setTimeout(() => (recentlyCopied.value = false), timeout);
         } catch (error) {
             console.error('Failed to copy to clipboard:', error);
         }
     };
 
     return {
-        copied,
+        recentlyCopied,
         copyToClipboard,
     };
 }
diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index 0ad9a249..71846b70 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -7,13 +7,25 @@ import AuthLayout from '@/layouts/AuthLayout.vue';
 import { Form, Head } from '@inertiajs/vue3';
 import { computed, ComputedRef, ref } from 'vue';
 
-const authConfig = computed(() => {
+interface AuthConfigContent {
+    title: string;
+    description: string;
+    toggleText: string;
+}
+
+const authConfigContent: ComputedRef<AuthConfigContent> = computed((): AuthConfigContent => {
+    if (showRecoveryInput.value) {
+        return {
+            title: 'Recovery Code',
+            description: 'Please confirm access to your account by entering one of your emergency recovery codes.',
+            toggleText: 'login using an authentication code',
+        };
+    }
+
     return {
-        title: showRecoveryInput.value ? 'Recovery Code' : 'Authentication Code',
-        description: showRecoveryInput.value
-            ? 'Please confirm access to your account by entering one of your emergency recovery codes.'
-            : 'Enter the authentication code provided by your authenticator application.',
-        toggleText: showRecoveryInput.value ? 'login using an authentication code' : 'login using a recovery code',
+        title: 'Authentication Code',
+        description: 'Enter the authentication code provided by your authenticator application.',
+        toggleText: 'login using a recovery code',
     };
 });
 
@@ -30,7 +42,7 @@ const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
 </script>
 
 <template>
-    <AuthLayout :title="authConfig.title" :description="authConfig.description">
+    <AuthLayout :title="authConfigContent.title" :description="authConfigContent.description">
         <Head title="Two Factor Authentication" />
 
         <div class="space-y-6">
@@ -61,7 +73,7 @@ const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
                             class="text-foreground underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500"
                             @click="() => toggleRecoveryMode(clearErrors)"
                         >
-                            {{ authConfig.toggleText }}
+                            {{ authConfigContent.toggleText }}
                         </button>
                     </div>
                 </Form>
@@ -80,7 +92,7 @@ const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
                             class="text-foreground underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500"
                             @click="() => toggleRecoveryMode(clearErrors)"
                         >
-                            {{ authConfig.toggleText }}
+                            {{ authConfigContent.toggleText }}
                         </button>
                     </div>
                 </Form>
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index e3e38aed..ec27f2cf 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -9,6 +9,7 @@ import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input
 import { useClipboard } from '@/composables/useClipboard';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
+import { BreadcrumbItem } from '@/types';
 import { Form, Head } from '@inertiajs/vue3';
 import { Check, Copy, Eye, EyeOff, Loader2, LockKeyhole, RefreshCw, ScanLine, ShieldBan, ShieldCheck } from 'lucide-vue-next';
 import { computed, nextTick, reactive, ref } from 'vue';
@@ -23,25 +24,33 @@ const props = withDefaults(defineProps<Props>(), {
     twoFactorEnabled: false,
 });
 
-const breadcrumbs = [
+const breadcrumbs: BreadcrumbItem[] = [
     {
         title: 'Two-Factor Authentication',
         href: '/settings/two-factor',
     },
 ];
 
-const { copied, copyToClipboard } = useClipboard();
+const { recentlyCopied, copyToClipboard } = useClipboard();
 
-const setupData = reactive({
-    qrCodeSvg: null as string | null,
-    manualSetupKey: null as string | null,
+const setupData: {
+    qrCodeSvg: string | null;
+    manualSetupKey: string | null;
+    reset(): void;
+} = reactive({
+    qrCodeSvg: null,
+    manualSetupKey: null,
     reset() {
         this.qrCodeSvg = null;
         this.manualSetupKey = null;
     },
 });
 
-const modalState = reactive({
+const modalState: {
+    isOpen: boolean;
+    isInVerificationStep: boolean;
+    reset(): void;
+} = reactive({
     isOpen: false,
     isInVerificationStep: false,
     reset() {
@@ -99,7 +108,7 @@ const enableTwoFactorAuthenticationSuccess = async () => {
         const [qrResponse, keyResponse, codesResponse] = await Promise.all([
             fetch(route('two-factor.qr-code'), { headers: { Accept: 'application/json' } }),
             fetch(route('two-factor.secret-key'), { headers: { Accept: 'application/json' } }),
-            fetch(route('two-factor.recovery-codes'), { headers: { Accept: 'application/json' } }),
+            fetchRecoveryCodes(),
         ]);
 
         const { svg } = await qrResponse.json();
@@ -121,8 +130,12 @@ const disableTwoFactorAuthenticationSuccess = () => {
     code.value = [];
 };
 
-const recoveryCodes = reactive({
-    list: [] as string[],
+const recoveryCodes: {
+    list: string[];
+    isVisible: boolean;
+    reset(): void;
+} = reactive({
+    list: [],
     isVisible: false,
     reset() {
         this.list = [];
@@ -293,11 +306,6 @@ const verificationCode = computed(() => code.value.join(''));
                                         </div>
                                         <div v-else class="relative z-10 overflow-hidden border p-5">
                                             <div v-html="setupData.qrCodeSvg" class="flex aspect-square size-full items-center justify-center" />
-                                            <div v-if="setupData.qrCodeSvg" class="animate-scanning-line absolute inset-0 h-full w-full">
-                                                <div
-                                                    class="absolute inset-x-0 h-0.5 bg-blue-500 opacity-60 transition-all duration-300 ease-in-out"
-                                                />
-                                            </div>
                                         </div>
                                     </div>
                                 </div>
@@ -329,7 +337,7 @@ const verificationCode = computed(() => code.value.join(''));
                                                 @click="copyToClipboard(setupData.manualSetupKey || '')"
                                                 class="relative block h-auto border-l border-border px-3 hover:bg-muted"
                                             >
-                                                <Check v-if="copied" class="w-4 text-green-500" />
+                                                <Check v-if="recentlyCopied" class="w-4 text-green-500" />
                                                 <Copy v-else class="w-4" />
                                             </button>
                                         </template>
@@ -391,21 +399,3 @@ const verificationCode = computed(() => code.value.join(''));
         </SettingsLayout>
     </AppLayout>
 </template>
-
-<style scoped>
-@keyframes scan {
-    0% {
-        top: 0;
-    }
-    50% {
-        top: 100%;
-    }
-    100% {
-        top: 0;
-    }
-}
-
-.animate-scanning-line div {
-    animation: scan 3s ease-in-out infinite;
-}
-</style>

From 08b9471d70e8f36e68e646861ea2933f5d47c4ec Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Fri, 22 Aug 2025 02:11:56 +0530
Subject: [PATCH 33/58] refactor: split the component

---
 .../js/components/TwoFactorRecoveryCodes.vue  | 101 +++++
 .../js/components/TwoFactorSetupModal.vue     | 211 +++++++++++
 .../js/pages/auth/TwoFactorChallenge.vue      |   5 +-
 resources/js/pages/settings/TwoFactor.vue     | 345 +-----------------
 4 files changed, 333 insertions(+), 329 deletions(-)
 create mode 100644 resources/js/components/TwoFactorRecoveryCodes.vue
 create mode 100644 resources/js/components/TwoFactorSetupModal.vue

diff --git a/resources/js/components/TwoFactorRecoveryCodes.vue b/resources/js/components/TwoFactorRecoveryCodes.vue
new file mode 100644
index 00000000..f0995bc9
--- /dev/null
+++ b/resources/js/components/TwoFactorRecoveryCodes.vue
@@ -0,0 +1,101 @@
+<script setup lang="ts">
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Form } from '@inertiajs/vue3';
+import { Eye, EyeOff, LockKeyhole, RefreshCw } from 'lucide-vue-next';
+import { nextTick, onMounted, ref } from 'vue';
+
+const recoveryCodesList = ref<string[]>([]);
+const isRecoveryCodesVisible = ref(false);
+const recoveryCodeSectionRef = ref<HTMLDivElement | null>(null);
+
+const fetchRecoveryCodes = async () => {
+    try {
+        const response = await fetch(route('two-factor.recovery-codes'), {
+            headers: { Accept: 'application/json' },
+        });
+        recoveryCodesList.value = await response.json();
+    } catch (error) {
+        console.error('Failed to fetch recovery codes:', error);
+    }
+};
+
+const toggleRecoveryCodesVisibility = async () => {
+    const isCurrentlyHidden = !isRecoveryCodesVisible.value;
+    const hasNoCodes = !recoveryCodesList.value.length;
+
+    if (isCurrentlyHidden && hasNoCodes) {
+        await fetchRecoveryCodes();
+    }
+
+    isRecoveryCodesVisible.value = !isRecoveryCodesVisible.value;
+
+    if (isRecoveryCodesVisible.value) {
+        await nextTick();
+        recoveryCodeSectionRef.value?.scrollIntoView({ behavior: 'smooth' });
+    }
+};
+
+onMounted(async () => {
+    if (!recoveryCodesList.value.length) {
+        await fetchRecoveryCodes();
+    }
+});
+</script>
+
+<template>
+    <Card>
+        <CardHeader>
+            <CardTitle class="flex gap-3">
+                <LockKeyhole class="size-4" />2FA Recovery Codes
+            </CardTitle>
+            <CardDescription>
+                Recovery codes let you regain access if you lose your 2FA device. Store them in a secure password manager.
+            </CardDescription>
+        </CardHeader>
+        <CardContent>
+            <div class="flex flex-col gap-3 select-none sm:flex-row sm:items-center sm:justify-between">
+                <Button @click="toggleRecoveryCodesVisibility" class="w-fit">
+                    <component :is="isRecoveryCodesVisible ? EyeOff : Eye" class="size-4" />
+                    {{ isRecoveryCodesVisible ? 'Hide' : 'View' }} Recovery Codes
+                </Button>
+
+                <Form
+                    v-if="isRecoveryCodesVisible"
+                    :action="route('two-factor.recovery-codes')"
+                    method="post"
+                    :options="{ preserveScroll: true }"
+                    @before="recoveryCodesList = []"
+                    @success="fetchRecoveryCodes"
+                    #default="{ processing }"
+                >
+                    <Button variant="secondary" type="submit" :disabled="processing">
+                        <RefreshCw class="mr-2 size-4" :class="{ 'animate-spin': processing }" />
+                        {{ processing ? 'Regenerating...' : 'Regenerate Codes' }}
+                    </Button>
+                </Form>
+            </div>
+            <div
+                :class="[
+                    'relative overflow-hidden transition-all duration-300',
+                    isRecoveryCodesVisible ? 'h-auto opacity-100' : 'h-0 opacity-0',
+                ]"
+            >
+                <div class="mt-3 space-y-3">
+                    <div ref="recoveryCodeSectionRef" class="grid gap-1 rounded-lg bg-muted p-4 font-mono text-sm">
+                        <div v-if="!recoveryCodesList.length" class="space-y-2">
+                            <div v-for="n in 8" :key="n" class="h-4 bg-muted-foreground/20 rounded animate-pulse"></div>
+                        </div>
+                        <div v-else v-for="(code, index) in recoveryCodesList" :key="index">
+                            {{ code }}
+                        </div>
+                    </div>
+                    <p class="text-xs text-muted-foreground select-none">
+                        Each can be used once to access your account and
+                        will be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
+                    </p>
+                </div>
+            </div>
+        </CardContent>
+    </Card>
+</template>
diff --git a/resources/js/components/TwoFactorSetupModal.vue b/resources/js/components/TwoFactorSetupModal.vue
new file mode 100644
index 00000000..5228a9b3
--- /dev/null
+++ b/resources/js/components/TwoFactorSetupModal.vue
@@ -0,0 +1,211 @@
+<script setup lang="ts">
+import InputError from '@/components/InputError.vue';
+import { Button } from '@/components/ui/button';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
+import { useClipboard } from '@/composables/useClipboard';
+import { Form } from '@inertiajs/vue3';
+import { Check, Copy, Loader2, ScanLine } from 'lucide-vue-next';
+import { computed, nextTick, ref, watch } from 'vue';
+
+interface Props {
+    isOpen: boolean;
+    requiresConfirmation: boolean;
+    twoFactorEnabled: boolean;
+}
+
+interface Emits {
+    (e: 'update:isOpen', value: boolean): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+const { recentlyCopied, copyToClipboard } = useClipboard();
+
+const qrCodeSvg = ref<string | null>(null);
+const manualSetupKey = ref<string | null>(null);
+const hasSetupData = computed(() => {
+    return qrCodeSvg.value !== null && manualSetupKey.value !== null;
+});
+
+const showVerificationStep = ref(false);
+const code = ref<number[]>([]);
+const codeValue = computed(() => code.value.join(''));
+
+const pinInputContainerRef = ref<HTMLElement | null>(null);
+
+const modalConfig = computed(() => {
+    if (props.twoFactorEnabled) {
+        return {
+            title: 'You have enabled two factor authentication.',
+            description: 'Two factor authentication is now enabled, scan the QR code or enter the setup key in authenticator app.',
+            buttonText: 'Close',
+        };
+    }
+
+    if (showVerificationStep.value) {
+        return {
+            title: 'Verify Authentication Code',
+            description: 'Enter the 6-digit code from your authenticator app',
+            buttonText: 'Continue',
+        };
+    }
+
+    return {
+        title: 'Turn on 2-step Verification',
+        description: 'To finish enabling two factor authentication, scan the QR code or enter the setup key in authenticator app',
+        buttonText: 'Continue',
+    };
+});
+
+const handleModalNextStep = () => {
+    if (props.requiresConfirmation) {
+        showVerificationStep.value = true;
+        nextTick(() => {
+            pinInputContainerRef.value?.querySelector('input')?.focus();
+        });
+        return;
+    }
+
+    emit('update:isOpen', false);
+    return;
+};
+
+const fetchSetupData = async () => {
+    try {
+        const [qrResponse, keyResponse] = await Promise.all([
+            fetch(route('two-factor.qr-code'), { headers: { Accept: 'application/json' } }),
+            fetch(route('two-factor.secret-key'), { headers: { Accept: 'application/json' } }),
+        ]);
+
+        const { svg } = await qrResponse.json();
+        const { secretKey } = await keyResponse.json();
+
+        qrCodeSvg.value = svg;
+        manualSetupKey.value = secretKey;
+    } catch (error) {
+        console.error('Failed to fetch 2FA setup data:', error);
+    }
+};
+
+watch(
+    () => props.isOpen,
+    (isOpen) => {
+        if (isOpen && !qrCodeSvg.value) {
+            fetchSetupData();
+        }
+    },
+);
+
+defineExpose({ hasSetupData });
+</script>
+
+<template>
+    <Dialog :open="isOpen" @update:open="emit('update:isOpen', $event)">
+        <DialogContent class="sm:max-w-md">
+            <DialogHeader class="flex items-center justify-center">
+                <div class="mb-3 w-auto rounded-full border border-border bg-card p-0.5 shadow-sm">
+                    <div class="relative overflow-hidden rounded-full border border-border bg-muted p-2.5">
+                        <div class="absolute inset-0 grid grid-cols-5 opacity-50">
+                            <div v-for="i in 5" :key="`col-${i}`" class="border-r border-border last:border-r-0" />
+                        </div>
+                        <div class="absolute inset-0 grid grid-rows-5 opacity-50">
+                            <div v-for="i in 5" :key="`row-${i}`" class="border-b border-border last:border-b-0" />
+                        </div>
+                        <ScanLine class="relative z-20 size-6 text-foreground" />
+                    </div>
+                </div>
+                <DialogTitle>{{ modalConfig.title }}</DialogTitle>
+                <DialogDescription class="text-center">
+                    {{ modalConfig.description }}
+                </DialogDescription>
+            </DialogHeader>
+
+            <div class="relative flex w-auto flex-col items-center justify-center space-y-5">
+                <template v-if="!showVerificationStep">
+                    <div class="relative mx-auto flex max-w-md items-center overflow-hidden">
+                        <div class="relative mx-auto aspect-square w-64 overflow-hidden rounded-lg border border-border">
+                            <div
+                                v-if="!qrCodeSvg"
+                                class="absolute inset-0 z-10 flex aspect-square h-auto w-full animate-pulse items-center justify-center bg-background"
+                            >
+                                <Loader2 class="size-6 animate-spin" />
+                            </div>
+                            <div v-else class="relative z-10 overflow-hidden border p-5">
+                                <div v-html="qrCodeSvg" class="flex aspect-square size-full items-center justify-center" />
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="flex w-full items-center space-x-5">
+                        <Button class="w-full" @click="handleModalNextStep">
+                            {{ modalConfig.buttonText }}
+                        </Button>
+                    </div>
+
+                    <div class="relative flex w-full items-center justify-center">
+                        <div class="absolute inset-0 top-1/2 h-px w-full bg-border" />
+                        <span class="relative bg-card px-2 py-1">or, enter the code manually</span>
+                    </div>
+
+                    <div class="flex w-full items-center justify-center space-x-2">
+                        <div class="flex w-full items-stretch overflow-hidden rounded-xl border border-border">
+                            <div v-if="!manualSetupKey" class="flex h-full w-full items-center justify-center bg-muted p-3">
+                                <Loader2 class="size-4 animate-spin" />
+                            </div>
+                            <template v-else>
+                                <input type="text" readonly :value="manualSetupKey" class="h-full w-full bg-background p-3 text-foreground" />
+                                <button
+                                    @click="copyToClipboard(manualSetupKey || '')"
+                                    class="relative block h-auto border-l border-border px-3 hover:bg-muted"
+                                >
+                                    <Check v-if="recentlyCopied" class="w-4 text-green-500" />
+                                    <Copy v-else class="w-4" />
+                                </button>
+                            </template>
+                        </div>
+                    </div>
+                </template>
+
+                <template v-else>
+                    <Form
+                        :action="route('two-factor.confirm')"
+                        method="post"
+                        reset-on-error
+                        @error="code = []"
+                        @success="emit('update:isOpen', false)"
+                        v-slot="{ errors, processing }"
+                    >
+                        <input type="hidden" name="code" :value="codeValue" />
+                        <div ref="pinInputContainerRef" class="relative w-full space-y-3">
+                            <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
+                                <PinInput id="otp" placeholder="○" v-model="code" type="number" otp>
+                                    <PinInputGroup>
+                                        <PinInputSlot autofocus v-for="(id, index) in 6" :key="id" :index="index" :disabled="processing" />
+                                    </PinInputGroup>
+                                </PinInput>
+                                <InputError :message="errors?.confirmTwoFactorAuthentication?.code" />
+                            </div>
+
+                            <div class="flex w-full items-center space-x-5">
+                                <Button
+                                    type="button"
+                                    variant="outline"
+                                    class="w-auto flex-1"
+                                    @click="showVerificationStep = false"
+                                    :disabled="processing"
+                                >
+                                    Back
+                                </Button>
+                                <Button type="submit" class="w-auto flex-1" :disabled="processing || codeValue.length < 6">
+                                    {{ processing ? 'Confirming...' : 'Confirm' }}
+                                </Button>
+                            </div>
+                        </div>
+                    </Form>
+                </template>
+            </div>
+        </DialogContent>
+    </Dialog>
+</template>
diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index 71846b70..da0e4f24 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -13,7 +13,7 @@ interface AuthConfigContent {
     toggleText: string;
 }
 
-const authConfigContent: ComputedRef<AuthConfigContent> = computed((): AuthConfigContent => {
+const authConfigContent = computed((): AuthConfigContent => {
     if (showRecoveryInput.value) {
         return {
             title: 'Recovery Code',
@@ -52,6 +52,7 @@ const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
                     method="post"
                     class="space-y-4"
                     reset-on-error
+                    @error="code=[]"
                     #default="{ errors, processing, clearErrors }"
                 >
                     <input type="hidden" name="code" :value="codeValue" />
@@ -80,7 +81,7 @@ const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
             </template>
 
             <template v-else>
-                <Form :action="route('two-factor.login')" method="post" class="space-y-4" #default="{ errors, processing, clearErrors }">
+                <Form :action="route('two-factor.login')" method="post" class="space-y-4" reset-on-error #default="{ errors, processing, clearErrors }">
                     <Input name="recovery_code" type="text" placeholder="Enter recovery code" :autofocus="showRecoveryInput" required />
                     <InputError :message="errors.recovery_code" />
                     <Button type="submit" class="w-full" :disabled="processing">Continue</Button>
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index ec27f2cf..586d89d2 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -1,25 +1,22 @@
 <script setup lang="ts">
 import HeadingSmall from '@/components/HeadingSmall.vue';
-import InputError from '@/components/InputError.vue';
+import TwoFactorRecoveryCodes from '@/components/TwoFactorRecoveryCodes.vue';
+import TwoFactorSetupModal from '@/components/TwoFactorSetupModal.vue';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
-import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
-import { useClipboard } from '@/composables/useClipboard';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
 import { BreadcrumbItem } from '@/types';
 import { Form, Head } from '@inertiajs/vue3';
-import { Check, Copy, Eye, EyeOff, Loader2, LockKeyhole, RefreshCw, ScanLine, ShieldBan, ShieldCheck } from 'lucide-vue-next';
-import { computed, nextTick, reactive, ref } from 'vue';
+import { ShieldBan, ShieldCheck } from 'lucide-vue-next';
+import { ref } from 'vue';
 
 interface Props {
     requiresConfirmation?: boolean;
     twoFactorEnabled?: boolean;
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
     requiresConfirmation: false,
     twoFactorEnabled: false,
 });
@@ -31,145 +28,8 @@ const breadcrumbs: BreadcrumbItem[] = [
     },
 ];
 
-const { recentlyCopied, copyToClipboard } = useClipboard();
-
-const setupData: {
-    qrCodeSvg: string | null;
-    manualSetupKey: string | null;
-    reset(): void;
-} = reactive({
-    qrCodeSvg: null,
-    manualSetupKey: null,
-    reset() {
-        this.qrCodeSvg = null;
-        this.manualSetupKey = null;
-    },
-});
-
-const modalState: {
-    isOpen: boolean;
-    isInVerificationStep: boolean;
-    reset(): void;
-} = reactive({
-    isOpen: false,
-    isInVerificationStep: false,
-    reset() {
-        this.isOpen = false;
-        this.isInVerificationStep = false;
-    },
-});
-
-const modalConfig = computed(() => {
-    if (props.twoFactorEnabled) {
-        return {
-            title: 'You have enabled two factor authentication.',
-            description: 'Two factor authentication is now enabled, scan the QR code or enter the setup key',
-            buttonText: 'Close',
-        };
-    }
-
-    if (modalState.isInVerificationStep) {
-        return {
-            title: 'Verify Authentication Code',
-            description: 'Enter the 6-digit code from your authenticator app',
-            buttonText: 'Continue',
-        };
-    }
-
-    return {
-        title: 'Turn on 2-step Verification',
-        description: 'To finish enabling two factor authentication, scan the QR code or enter the setup key',
-        buttonText: 'Continue',
-    };
-});
-
-const handleModalNextStep = () => {
-    if (props.twoFactorEnabled) {
-        modalState.isOpen = false;
-        setupData.reset();
-        return;
-    }
-
-    if (props.requiresConfirmation) {
-        modalState.isInVerificationStep = true;
-        nextTick(() => {
-            const firstInput = pinInputContainerRef.value?.querySelector('input');
-            firstInput?.focus();
-        });
-        return;
-    }
-
-    modalState.isOpen = false;
-};
-
-const enableTwoFactorAuthenticationSuccess = async () => {
-    try {
-        modalState.isOpen = true;
-        const [qrResponse, keyResponse, codesResponse] = await Promise.all([
-            fetch(route('two-factor.qr-code'), { headers: { Accept: 'application/json' } }),
-            fetch(route('two-factor.secret-key'), { headers: { Accept: 'application/json' } }),
-            fetchRecoveryCodes(),
-        ]);
-
-        const { svg } = await qrResponse.json();
-        const { secretKey } = await keyResponse.json();
-        const codes = await codesResponse.json();
-
-        setupData.qrCodeSvg = svg;
-        setupData.manualSetupKey = secretKey;
-        recoveryCodes.list = codes;
-    } catch (error) {
-        console.error('Failed to enable 2FA:', error);
-    }
-};
-
-const disableTwoFactorAuthenticationSuccess = () => {
-    modalState.reset();
-    setupData.reset();
-    recoveryCodes.reset();
-    code.value = [];
-};
-
-const recoveryCodes: {
-    list: string[];
-    isVisible: boolean;
-    reset(): void;
-} = reactive({
-    list: [],
-    isVisible: false,
-    reset() {
-        this.list = [];
-        this.isVisible = false;
-    },
-});
-const recoveryCodeSectionRef = ref<HTMLDivElement | null>(null);
-
-const fetchRecoveryCodes = async () => {
-    try {
-        const response = await fetch(route('two-factor.recovery-codes'), {
-            headers: { Accept: 'application/json' },
-        });
-        recoveryCodes.list = await response.json();
-    } catch (error) {
-        console.error('Failed to fetch recovery codes:', error);
-    }
-};
-
-const toggleRecoveryCodesVisibility = async () => {
-    if (!recoveryCodes.isVisible && recoveryCodes.list.length === 0) {
-        await fetchRecoveryCodes();
-    }
-    recoveryCodes.isVisible = !recoveryCodes.isVisible;
-
-    if (recoveryCodes.isVisible) {
-        await nextTick();
-        recoveryCodeSectionRef.value?.scrollIntoView({ behavior: 'smooth' });
-    }
-};
-
-const code = ref<number[]>([]);
-const pinInputContainerRef = ref<HTMLElement | null>(null);
-const verificationCode = computed(() => code.value.join(''));
+const showSetupModal = ref(false);
+const setupModalRef = ref<InstanceType<typeof TwoFactorSetupModal>>();
 </script>
 
 <template>
@@ -186,20 +46,14 @@ const verificationCode = computed(() => code.value.join(''));
                         supported app.
                     </p>
 
-                    <Dialog v-model:open="modalState.isOpen">
-                        <Button v-if="setupData.qrCodeSvg && setupData.manualSetupKey" @click="modalState.isOpen = true">
+                    <div>
+                        <Button v-if="requiresConfirmation && setupModalRef?.hasSetupData" @click="showSetupModal = true">
                             <ShieldCheck />Enable
                         </Button>
-                        <Form
-                            v-else
-                            :action="route('two-factor.enable')"
-                            method="post"
-                            @success="enableTwoFactorAuthenticationSuccess"
-                            #default="{ processing }"
-                        >
+                        <Form v-else :action="route('two-factor.enable')" method="post" @success="showSetupModal = true" #default="{ processing }">
                             <Button type="submit" :disabled="processing"> <ShieldCheck />{{ processing ? 'Enabling...' : 'Enable' }} </Button>
                         </Form>
-                    </Dialog>
+                    </div>
                 </div>
 
                 <div v-else class="flex flex-col items-start justify-start space-y-4">
@@ -209,61 +63,13 @@ const verificationCode = computed(() => code.value.join(''));
                         from your TOTP Authenticator app.
                     </p>
 
-                    <Card>
-                        <CardHeader>
-                            <CardTitle class="flex gap-3"> <LockKeyhole class="size-4" />2FA Recovery Codes </CardTitle>
-                            <CardDescription>
-                                Recovery codes let you regain access if you lose your 2FA device. Store them in a secure password manager.
-                            </CardDescription>
-                        </CardHeader>
-                        <CardContent>
-                            <div class="flex flex-col gap-3 select-none sm:flex-row sm:items-center sm:justify-between">
-                                <Button @click="toggleRecoveryCodesVisibility" class="w-fit">
-                                    <component :is="recoveryCodes.isVisible ? EyeOff : Eye" class="size-4" />
-                                    {{ recoveryCodes.isVisible ? 'Hide' : 'View' }} Recovery Codes
-                                </Button>
-
-                                <Form
-                                    v-if="recoveryCodes.isVisible"
-                                    :action="route('two-factor.recovery-codes')"
-                                    method="post"
-                                    :options="{ preserveScroll: true }"
-                                    @success="fetchRecoveryCodes"
-                                    #default="{ processing }"
-                                >
-                                    <Button variant="secondary" type="submit" :disabled="processing">
-                                        <RefreshCw class="mr-2 size-4" :class="{ 'animate-spin': processing }" />
-                                        {{ processing ? 'Regenerating...' : 'Regenerate Codes' }}
-                                    </Button>
-                                </Form>
-                            </div>
-                            <div
-                                :class="[
-                                    'relative overflow-hidden transition-all duration-300',
-                                    recoveryCodes.isVisible ? 'h-auto opacity-100' : 'h-0 opacity-0',
-                                ]"
-                            >
-                                <div class="mt-3 space-y-3">
-                                    <div ref="recoveryCodeSectionRef" class="grid gap-1 rounded-lg bg-muted p-4 font-mono text-sm">
-                                        <div v-for="(code, index) in recoveryCodes.list" :key="index">
-                                            {{ code }}
-                                        </div>
-                                    </div>
-                                    <p class="text-xs text-muted-foreground select-none">
-                                        You have {{ recoveryCodes.list.length }} recovery codes left. Each can be used once to access your account and
-                                        will be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
-                                    </p>
-                                </div>
-                            </div>
-                        </CardContent>
-                    </Card>
+                    <TwoFactorRecoveryCodes />
 
                     <div class="relative inline">
                         <Form
                             :action="route('two-factor.disable')"
                             :async="false"
                             method="delete"
-                            @success="disableTwoFactorAuthenticationSuccess"
                             #default="{ processing }"
                         >
                             <Button variant="destructive" type="submit" :disabled="processing">
@@ -274,127 +80,12 @@ const verificationCode = computed(() => code.value.join(''));
                     </div>
                 </div>
 
-                <Dialog v-model:open="modalState.isOpen">
-                    <DialogContent class="sm:max-w-md">
-                        <DialogHeader class="flex items-center justify-center">
-                            <div class="mb-3 w-auto rounded-full border border-border bg-card p-0.5 shadow-sm">
-                                <div class="relative overflow-hidden rounded-full border border-border bg-muted p-2.5">
-                                    <div class="absolute inset-0 grid grid-cols-5 opacity-50">
-                                        <div v-for="i in 5" :key="`col-${i}`" class="border-r border-border last:border-r-0" />
-                                    </div>
-                                    <div class="absolute inset-0 grid grid-rows-5 opacity-50">
-                                        <div v-for="i in 5" :key="`row-${i}`" class="border-b border-border last:border-b-0" />
-                                    </div>
-                                    <ScanLine class="relative z-20 size-6 text-foreground" />
-                                </div>
-                            </div>
-                            <DialogTitle>{{ modalConfig.title }}</DialogTitle>
-                            <DialogDescription class="text-center">
-                                {{ modalConfig.description }}
-                            </DialogDescription>
-                        </DialogHeader>
-
-                        <div class="relative flex w-auto flex-col items-center justify-center space-y-5">
-                            <template v-if="!modalState.isInVerificationStep">
-                                <div class="relative mx-auto flex max-w-md items-center overflow-hidden">
-                                    <div class="relative mx-auto aspect-square w-64 overflow-hidden rounded-lg border border-border">
-                                        <div
-                                            v-if="!setupData.qrCodeSvg"
-                                            class="absolute inset-0 z-10 flex aspect-square h-auto w-full animate-pulse items-center justify-center bg-background"
-                                        >
-                                            <Loader2 class="size-6 animate-spin" />
-                                        </div>
-                                        <div v-else class="relative z-10 overflow-hidden border p-5">
-                                            <div v-html="setupData.qrCodeSvg" class="flex aspect-square size-full items-center justify-center" />
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="flex w-full items-center space-x-5">
-                                    <Button class="w-full" @click="handleModalNextStep">
-                                        {{ modalConfig.buttonText }}
-                                    </Button>
-                                </div>
-
-                                <div class="relative flex w-full items-center justify-center">
-                                    <div class="absolute inset-0 top-1/2 h-px w-full bg-border" />
-                                    <span class="relative bg-card px-2 py-1">or, enter the code manually</span>
-                                </div>
-
-                                <div class="flex w-full items-center justify-center space-x-2">
-                                    <div class="flex w-full items-stretch overflow-hidden rounded-xl border border-border">
-                                        <div v-if="!setupData.manualSetupKey" class="flex h-full w-full items-center justify-center bg-muted p-3">
-                                            <Loader2 class="size-4 animate-spin" />
-                                        </div>
-                                        <template v-else>
-                                            <input
-                                                type="text"
-                                                readonly
-                                                :value="setupData.manualSetupKey"
-                                                class="h-full w-full bg-background p-3 text-foreground"
-                                            />
-                                            <button
-                                                @click="copyToClipboard(setupData.manualSetupKey || '')"
-                                                class="relative block h-auto border-l border-border px-3 hover:bg-muted"
-                                            >
-                                                <Check v-if="recentlyCopied" class="w-4 text-green-500" />
-                                                <Copy v-else class="w-4" />
-                                            </button>
-                                        </template>
-                                    </div>
-                                </div>
-                            </template>
-
-                            <template v-else>
-                                <Form
-                                    :action="route('two-factor.confirm')"
-                                    method="post"
-                                    reset-on-error
-                                    @success="
-                                        () => {
-                                            modalState.reset();
-                                            setupData.reset();
-                                        }
-                                    "
-                                    v-slot="{ errors, processing }"
-                                >
-                                    <input type="hidden" name="code" :value="verificationCode" />
-                                    <div ref="pinInputContainerRef" class="relative w-full space-y-3">
-                                        <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">
-                                            <PinInput id="otp" placeholder="○" v-model="code" type="number" otp>
-                                                <PinInputGroup>
-                                                    <PinInputSlot
-                                                        autofocus
-                                                        v-for="(id, index) in 6"
-                                                        :key="id"
-                                                        :index="index"
-                                                        :disabled="processing"
-                                                    />
-                                                </PinInputGroup>
-                                            </PinInput>
-                                            <InputError :message="errors?.confirmTwoFactorAuthentication?.code" />
-                                        </div>
-
-                                        <div class="flex w-full items-center space-x-5">
-                                            <Button
-                                                type="button"
-                                                variant="outline"
-                                                class="w-auto flex-1"
-                                                @click="modalState.isInVerificationStep = false"
-                                                :disabled="processing"
-                                            >
-                                                Back
-                                            </Button>
-                                            <Button type="submit" class="w-auto flex-1" :disabled="processing || verificationCode.length < 6">
-                                                {{ processing ? 'Confirming...' : 'Confirm' }}
-                                            </Button>
-                                        </div>
-                                    </div>
-                                </Form>
-                            </template>
-                        </div>
-                    </DialogContent>
-                </Dialog>
+                <TwoFactorSetupModal
+                    ref="setupModalRef"
+                    v-model:isOpen="showSetupModal"
+                    :requiresConfirmation="requiresConfirmation"
+                    :twoFactorEnabled="twoFactorEnabled"
+                />
             </div>
         </SettingsLayout>
     </AppLayout>

From 021db0d6a1ee4cf4c74a240a7c21fd2d7d0800f4 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Fri, 22 Aug 2025 02:46:53 +0530
Subject: [PATCH 34/58] refactor: use composable

---
 .../js/components/TwoFactorRecoveryCodes.vue  | 32 +++-------
 .../js/components/TwoFactorSetupModal.vue     | 27 +--------
 resources/js/composables/useTwoFactorAuth.ts  | 58 +++++++++++++++++++
 resources/js/pages/settings/TwoFactor.vue     | 11 ++--
 4 files changed, 71 insertions(+), 57 deletions(-)
 create mode 100644 resources/js/composables/useTwoFactorAuth.ts

diff --git a/resources/js/components/TwoFactorRecoveryCodes.vue b/resources/js/components/TwoFactorRecoveryCodes.vue
index f0995bc9..e9cd087f 100644
--- a/resources/js/components/TwoFactorRecoveryCodes.vue
+++ b/resources/js/components/TwoFactorRecoveryCodes.vue
@@ -1,25 +1,15 @@
 <script setup lang="ts">
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
 import { Form } from '@inertiajs/vue3';
 import { Eye, EyeOff, LockKeyhole, RefreshCw } from 'lucide-vue-next';
 import { nextTick, onMounted, ref } from 'vue';
 
-const recoveryCodesList = ref<string[]>([]);
+const { recoveryCodesList, fetchRecoveryCodes } = useTwoFactorAuth();
 const isRecoveryCodesVisible = ref(false);
 const recoveryCodeSectionRef = ref<HTMLDivElement | null>(null);
 
-const fetchRecoveryCodes = async () => {
-    try {
-        const response = await fetch(route('two-factor.recovery-codes'), {
-            headers: { Accept: 'application/json' },
-        });
-        recoveryCodesList.value = await response.json();
-    } catch (error) {
-        console.error('Failed to fetch recovery codes:', error);
-    }
-};
-
 const toggleRecoveryCodesVisibility = async () => {
     const isCurrentlyHidden = !isRecoveryCodesVisible.value;
     const hasNoCodes = !recoveryCodesList.value.length;
@@ -46,9 +36,7 @@ onMounted(async () => {
 <template>
     <Card>
         <CardHeader>
-            <CardTitle class="flex gap-3">
-                <LockKeyhole class="size-4" />2FA Recovery Codes
-            </CardTitle>
+            <CardTitle class="flex gap-3"> <LockKeyhole class="size-4" />2FA Recovery Codes </CardTitle>
             <CardDescription>
                 Recovery codes let you regain access if you lose your 2FA device. Store them in a secure password manager.
             </CardDescription>
@@ -65,7 +53,6 @@ onMounted(async () => {
                     :action="route('two-factor.recovery-codes')"
                     method="post"
                     :options="{ preserveScroll: true }"
-                    @before="recoveryCodesList = []"
                     @success="fetchRecoveryCodes"
                     #default="{ processing }"
                 >
@@ -75,24 +62,19 @@ onMounted(async () => {
                     </Button>
                 </Form>
             </div>
-            <div
-                :class="[
-                    'relative overflow-hidden transition-all duration-300',
-                    isRecoveryCodesVisible ? 'h-auto opacity-100' : 'h-0 opacity-0',
-                ]"
-            >
+            <div :class="['relative overflow-hidden transition-all duration-300', isRecoveryCodesVisible ? 'h-auto opacity-100' : 'h-0 opacity-0']">
                 <div class="mt-3 space-y-3">
                     <div ref="recoveryCodeSectionRef" class="grid gap-1 rounded-lg bg-muted p-4 font-mono text-sm">
                         <div v-if="!recoveryCodesList.length" class="space-y-2">
-                            <div v-for="n in 8" :key="n" class="h-4 bg-muted-foreground/20 rounded animate-pulse"></div>
+                            <div v-for="n in 8" :key="n" class="h-4 animate-pulse rounded bg-muted-foreground/20"></div>
                         </div>
                         <div v-else v-for="(code, index) in recoveryCodesList" :key="index">
                             {{ code }}
                         </div>
                     </div>
                     <p class="text-xs text-muted-foreground select-none">
-                        Each can be used once to access your account and
-                        will be removed after use. If you need more, click <span class="font-bold">Regenerate Codes</span> above.
+                        Each can be used once to access your account and will be removed after use. If you need more, click
+                        <span class="font-bold">Regenerate Codes</span> above.
                     </p>
                 </div>
             </div>
diff --git a/resources/js/components/TwoFactorSetupModal.vue b/resources/js/components/TwoFactorSetupModal.vue
index 5228a9b3..a9d65621 100644
--- a/resources/js/components/TwoFactorSetupModal.vue
+++ b/resources/js/components/TwoFactorSetupModal.vue
@@ -4,6 +4,7 @@ import { Button } from '@/components/ui/button';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 import { useClipboard } from '@/composables/useClipboard';
+import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
 import { Form } from '@inertiajs/vue3';
 import { Check, Copy, Loader2, ScanLine } from 'lucide-vue-next';
 import { computed, nextTick, ref, watch } from 'vue';
@@ -22,12 +23,7 @@ const props = defineProps<Props>();
 const emit = defineEmits<Emits>();
 
 const { recentlyCopied, copyToClipboard } = useClipboard();
-
-const qrCodeSvg = ref<string | null>(null);
-const manualSetupKey = ref<string | null>(null);
-const hasSetupData = computed(() => {
-    return qrCodeSvg.value !== null && manualSetupKey.value !== null;
-});
+const { qrCodeSvg, manualSetupKey, fetchSetupData } = useTwoFactorAuth();
 
 const showVerificationStep = ref(false);
 const code = ref<number[]>([]);
@@ -72,23 +68,6 @@ const handleModalNextStep = () => {
     return;
 };
 
-const fetchSetupData = async () => {
-    try {
-        const [qrResponse, keyResponse] = await Promise.all([
-            fetch(route('two-factor.qr-code'), { headers: { Accept: 'application/json' } }),
-            fetch(route('two-factor.secret-key'), { headers: { Accept: 'application/json' } }),
-        ]);
-
-        const { svg } = await qrResponse.json();
-        const { secretKey } = await keyResponse.json();
-
-        qrCodeSvg.value = svg;
-        manualSetupKey.value = secretKey;
-    } catch (error) {
-        console.error('Failed to fetch 2FA setup data:', error);
-    }
-};
-
 watch(
     () => props.isOpen,
     (isOpen) => {
@@ -97,8 +76,6 @@ watch(
         }
     },
 );
-
-defineExpose({ hasSetupData });
 </script>
 
 <template>
diff --git a/resources/js/composables/useTwoFactorAuth.ts b/resources/js/composables/useTwoFactorAuth.ts
new file mode 100644
index 00000000..b6eb3d80
--- /dev/null
+++ b/resources/js/composables/useTwoFactorAuth.ts
@@ -0,0 +1,58 @@
+import { ref } from 'vue';
+
+async function fetchApi<T>(url: string): Promise<T> {
+    const response = await fetch(url, {
+        headers: { Accept: 'application/json' },
+    });
+
+    if (!response.ok) {
+        throw new Error(`Failed to fetch: ${response.status}`);
+    }
+
+    return response.json();
+}
+
+export const useTwoFactorAuth = () => {
+    const qrCodeSvg = ref<string | null>(null);
+    const manualSetupKey = ref<string | null>(null);
+    const recoveryCodesList = ref<string[]>([]);
+
+    const fetchQrCode = async (): Promise<void> => {
+        const { svg } = await fetchApi<{ svg: string; url: string }>(route('two-factor.qr-code'));
+        qrCodeSvg.value = svg;
+    };
+
+    const fetchSetupKey = async (): Promise<void> => {
+        const { secretKey } = await fetchApi<{ secretKey: string }>(route('two-factor.secret-key'));
+        manualSetupKey.value = secretKey;
+    };
+
+    const fetchRecoveryCodes = async (): Promise<void> => {
+        try {
+            recoveryCodesList.value = await fetchApi<string[]>(route('two-factor.recovery-codes'));
+        } catch (error) {
+            console.error('Failed to fetch recovery codes:', error);
+            recoveryCodesList.value = [];
+        }
+    };
+
+    const fetchSetupData = async (): Promise<void> => {
+        try {
+            await Promise.all([fetchQrCode(), fetchSetupKey()]);
+        } catch (error) {
+            console.error('Failed to fetch setup data:', error);
+            qrCodeSvg.value = null;
+            manualSetupKey.value = null;
+        }
+    };
+
+    return {
+        qrCodeSvg,
+        manualSetupKey,
+        recoveryCodesList,
+        fetchQrCode,
+        fetchSetupKey,
+        fetchSetupData,
+        fetchRecoveryCodes,
+    };
+};
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 586d89d2..ec6f1dd8 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -4,6 +4,7 @@ import TwoFactorRecoveryCodes from '@/components/TwoFactorRecoveryCodes.vue';
 import TwoFactorSetupModal from '@/components/TwoFactorSetupModal.vue';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
+import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
 import { BreadcrumbItem } from '@/types';
@@ -28,6 +29,7 @@ const breadcrumbs: BreadcrumbItem[] = [
     },
 ];
 
+const { qrCodeSvg, manualSetupKey } = useTwoFactorAuth();
 const showSetupModal = ref(false);
 const setupModalRef = ref<InstanceType<typeof TwoFactorSetupModal>>();
 </script>
@@ -47,7 +49,7 @@ const setupModalRef = ref<InstanceType<typeof TwoFactorSetupModal>>();
                     </p>
 
                     <div>
-                        <Button v-if="requiresConfirmation && setupModalRef?.hasSetupData" @click="showSetupModal = true">
+                        <Button v-if="requiresConfirmation && qrCodeSvg && manualSetupKey" @click="showSetupModal = true">
                             <ShieldCheck />Enable
                         </Button>
                         <Form v-else :action="route('two-factor.enable')" method="post" @success="showSetupModal = true" #default="{ processing }">
@@ -66,12 +68,7 @@ const setupModalRef = ref<InstanceType<typeof TwoFactorSetupModal>>();
                     <TwoFactorRecoveryCodes />
 
                     <div class="relative inline">
-                        <Form
-                            :action="route('two-factor.disable')"
-                            :async="false"
-                            method="delete"
-                            #default="{ processing }"
-                        >
+                        <Form :action="route('two-factor.disable')" :async="false" method="delete" #default="{ processing }">
                             <Button variant="destructive" type="submit" :disabled="processing">
                                 <ShieldBan />
                                 {{ processing ? 'Disabling...' : 'Disable 2FA' }}

From 93172968a9129519a4071947753c8dfb2f9309e4 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Fri, 22 Aug 2025 02:51:10 +0530
Subject: [PATCH 35/58] refactor: remove redundant type definition

---
 resources/js/pages/auth/TwoFactorChallenge.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index da0e4f24..2ce80387 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -5,7 +5,7 @@ import { Input } from '@/components/ui/input';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 import AuthLayout from '@/layouts/AuthLayout.vue';
 import { Form, Head } from '@inertiajs/vue3';
-import { computed, ComputedRef, ref } from 'vue';
+import { computed, ref } from 'vue';
 
 interface AuthConfigContent {
     title: string;
@@ -38,7 +38,7 @@ const toggleRecoveryMode = (clearErrors: () => void): void => {
 };
 
 const code = ref<number[]>([]);
-const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
+const codeValue = computed((): string => code.value.join(''));
 </script>
 
 <template>
@@ -52,7 +52,7 @@ const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
                     method="post"
                     class="space-y-4"
                     reset-on-error
-                    @error="code=[]"
+                    @error="code = []"
                     #default="{ errors, processing, clearErrors }"
                 >
                     <input type="hidden" name="code" :value="codeValue" />
@@ -81,7 +81,13 @@ const codeValue: ComputedRef<string> = computed(() => code.value.join(''));
             </template>
 
             <template v-else>
-                <Form :action="route('two-factor.login')" method="post" class="space-y-4" reset-on-error #default="{ errors, processing, clearErrors }">
+                <Form
+                    :action="route('two-factor.login')"
+                    method="post"
+                    class="space-y-4"
+                    reset-on-error
+                    #default="{ errors, processing, clearErrors }"
+                >
                     <Input name="recovery_code" type="text" placeholder="Enter recovery code" :autofocus="showRecoveryInput" required />
                     <InputError :message="errors.recovery_code" />
                     <Button type="submit" class="w-full" :disabled="processing">Continue</Button>

From 9782812fa35fec69a5b06172bb88217f471f2917 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Fri, 22 Aug 2025 02:59:16 +0530
Subject: [PATCH 36/58] refactor: remove custom useClipboard composable

---
 .../js/components/TwoFactorSetupModal.vue     | 11 +++----
 resources/js/composables/useClipboard.ts      | 30 -------------------
 2 files changed, 4 insertions(+), 37 deletions(-)
 delete mode 100644 resources/js/composables/useClipboard.ts

diff --git a/resources/js/components/TwoFactorSetupModal.vue b/resources/js/components/TwoFactorSetupModal.vue
index a9d65621..34dbb355 100644
--- a/resources/js/components/TwoFactorSetupModal.vue
+++ b/resources/js/components/TwoFactorSetupModal.vue
@@ -3,9 +3,9 @@ import InputError from '@/components/InputError.vue';
 import { Button } from '@/components/ui/button';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
-import { useClipboard } from '@/composables/useClipboard';
 import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
 import { Form } from '@inertiajs/vue3';
+import { useClipboard } from '@vueuse/core';
 import { Check, Copy, Loader2, ScanLine } from 'lucide-vue-next';
 import { computed, nextTick, ref, watch } from 'vue';
 
@@ -22,7 +22,7 @@ interface Emits {
 const props = defineProps<Props>();
 const emit = defineEmits<Emits>();
 
-const { recentlyCopied, copyToClipboard } = useClipboard();
+const { copy, copied } = useClipboard();
 const { qrCodeSvg, manualSetupKey, fetchSetupData } = useTwoFactorAuth();
 
 const showVerificationStep = ref(false);
@@ -133,11 +133,8 @@ watch(
                             </div>
                             <template v-else>
                                 <input type="text" readonly :value="manualSetupKey" class="h-full w-full bg-background p-3 text-foreground" />
-                                <button
-                                    @click="copyToClipboard(manualSetupKey || '')"
-                                    class="relative block h-auto border-l border-border px-3 hover:bg-muted"
-                                >
-                                    <Check v-if="recentlyCopied" class="w-4 text-green-500" />
+                                <button @click="copy(manualSetupKey || '')" class="relative block h-auto border-l border-border px-3 hover:bg-muted">
+                                    <Check v-if="copied" class="w-4 text-green-500" />
                                     <Copy v-else class="w-4" />
                                 </button>
                             </template>
diff --git a/resources/js/composables/useClipboard.ts b/resources/js/composables/useClipboard.ts
deleted file mode 100644
index 252ee09f..00000000
--- a/resources/js/composables/useClipboard.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ref } from 'vue';
-
-interface ClipboardOptions {
-    timeout?: number;
-}
-
-export function useClipboard(options: ClipboardOptions = {}) {
-    const { timeout = 1500 } = options;
-
-    const recentlyCopied = ref(false);
-
-    const copyToClipboard = async (text: string): Promise<void> => {
-        if (typeof window === 'undefined' || !navigator.clipboard) {
-            return;
-        }
-
-        try {
-            await navigator.clipboard.writeText(text);
-            recentlyCopied.value = true;
-            setTimeout(() => (recentlyCopied.value = false), timeout);
-        } catch (error) {
-            console.error('Failed to copy to clipboard:', error);
-        }
-    };
-
-    return {
-        recentlyCopied,
-        copyToClipboard,
-    };
-}

From c0ae075a4481cb2b67501284030170abffcb9b6f Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Fri, 22 Aug 2025 03:02:27 +0530
Subject: [PATCH 37/58] refactor: simplify recovery codes visibility logic

---
 resources/js/components/TwoFactorRecoveryCodes.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/resources/js/components/TwoFactorRecoveryCodes.vue b/resources/js/components/TwoFactorRecoveryCodes.vue
index e9cd087f..fa1d3d73 100644
--- a/resources/js/components/TwoFactorRecoveryCodes.vue
+++ b/resources/js/components/TwoFactorRecoveryCodes.vue
@@ -11,10 +11,7 @@ const isRecoveryCodesVisible = ref(false);
 const recoveryCodeSectionRef = ref<HTMLDivElement | null>(null);
 
 const toggleRecoveryCodesVisibility = async () => {
-    const isCurrentlyHidden = !isRecoveryCodesVisible.value;
-    const hasNoCodes = !recoveryCodesList.value.length;
-
-    if (isCurrentlyHidden && hasNoCodes) {
+    if (!isRecoveryCodesVisible.value && !recoveryCodesList.value.length) {
         await fetchRecoveryCodes();
     }
 

From 6ff5d5d741eaa7298d10030ffd5971a3ef31f7de Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Mon, 25 Aug 2025 20:22:46 +0530
Subject: [PATCH 38/58] fix: merge issues

---
 package-lock.json                           | 1490 +------------------
 resources/js/pages/auth/ConfirmPassword.vue |    2 +-
 2 files changed, 67 insertions(+), 1425 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index bef34a6b..770501bc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
                 "clsx": "^2.1.1",
                 "laravel-vite-plugin": "^2.0.0",
                 "lucide-vue-next": "^0.468.0",
-                "reka-ui": "^2.2.0",
+                "reka-ui": "^2.4.1",
                 "tailwind-merge": "^3.2.0",
                 "tailwindcss": "^4.1.1",
                 "tw-animate-css": "^1.2.5",
@@ -44,8 +44,6 @@
         },
         "node_modules/@babel/helper-string-parser": {
             "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-            "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
@@ -53,8 +51,6 @@
         },
         "node_modules/@babel/helper-validator-identifier": {
             "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
-            "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
@@ -62,8 +58,6 @@
         },
         "node_modules/@babel/parser": {
             "version": "7.28.3",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.3.tgz",
-            "integrity": "sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==",
             "license": "MIT",
             "dependencies": {
                 "@babel/types": "^7.28.2"
@@ -77,8 +71,6 @@
         },
         "node_modules/@babel/types": {
             "version": "7.28.2",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.2.tgz",
-            "integrity": "sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==",
             "license": "MIT",
             "dependencies": {
                 "@babel/helper-string-parser": "^7.27.1",
@@ -88,74 +80,8 @@
                 "node": ">=6.9.0"
             }
         },
-        "node_modules/@esbuild/aix-ppc64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.9.tgz",
-            "integrity": "sha512-OaGtL73Jck6pBKjNIe24BnFE6agGl+6KxDtTfHhy1HmhthfKouEcOhqpSL64K4/0WCtbKFLOdzD/44cJ4k9opA==",
-            "cpu": [
-                "ppc64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "aix"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-arm": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.9.tgz",
-            "integrity": "sha512-5WNI1DaMtxQ7t7B6xa572XMXpHAaI/9Hnhk8lcxF4zVN4xstUgTlvuGDorBguKEnZO70qwEcLpfifMLoxiPqHQ==",
-            "cpu": [
-                "arm"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.9.tgz",
-            "integrity": "sha512-IDrddSmpSv51ftWslJMvl3Q2ZT98fUSL2/rlUXuVqRXHCs5EUF1/f+jbjF5+NG9UffUDMCiTyh8iec7u8RlTLg==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.9.tgz",
-            "integrity": "sha512-I853iMZ1hWZdNllhVZKm34f4wErd4lMyeV7BLzEExGEIZYsOzqDWDf+y082izYUE8gtJnYHdeDpN/6tUdwvfiw==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
         "node_modules/@esbuild/darwin-arm64": {
             "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.9.tgz",
-            "integrity": "sha512-XIpIDMAjOELi/9PB30vEbVMs3GV1v2zkkPnuyRRURbhqjyzIINwj+nbQATh4H9GxUgH1kFsEyQMxwiLFKUS6Rg==",
             "cpu": [
                 "arm64"
             ],
@@ -168,346 +94,8 @@
                 "node": ">=18"
             }
         },
-        "node_modules/@esbuild/darwin-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.9.tgz",
-            "integrity": "sha512-jhHfBzjYTA1IQu8VyrjCX4ApJDnH+ez+IYVEoJHeqJm9VhG9Dh2BYaJritkYK3vMaXrf7Ogr/0MQ8/MeIefsPQ==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.9.tgz",
-            "integrity": "sha512-z93DmbnY6fX9+KdD4Ue/H6sYs+bhFQJNCPZsi4XWJoYblUqT06MQUdBCpcSfuiN72AbqeBFu5LVQTjfXDE2A6Q==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.9.tgz",
-            "integrity": "sha512-mrKX6H/vOyo5v71YfXWJxLVxgy1kyt1MQaD8wZJgJfG4gq4DpQGpgTB74e5yBeQdyMTbgxp0YtNj7NuHN0PoZg==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-arm": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.9.tgz",
-            "integrity": "sha512-HBU2Xv78SMgaydBmdor38lg8YDnFKSARg1Q6AT0/y2ezUAKiZvc211RDFHlEZRFNRVhcMamiToo7bDx3VEOYQw==",
-            "cpu": [
-                "arm"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.9.tgz",
-            "integrity": "sha512-BlB7bIcLT3G26urh5Dmse7fiLmLXnRlopw4s8DalgZ8ef79Jj4aUcYbk90g8iCa2467HX8SAIidbL7gsqXHdRw==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-ia32": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.9.tgz",
-            "integrity": "sha512-e7S3MOJPZGp2QW6AK6+Ly81rC7oOSerQ+P8L0ta4FhVi+/j/v2yZzx5CqqDaWjtPFfYz21Vi1S0auHrap3Ma3A==",
-            "cpu": [
-                "ia32"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-loong64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.9.tgz",
-            "integrity": "sha512-Sbe10Bnn0oUAB2AalYztvGcK+o6YFFA/9829PhOCUS9vkJElXGdphz0A3DbMdP8gmKkqPmPcMJmJOrI3VYB1JQ==",
-            "cpu": [
-                "loong64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.9.tgz",
-            "integrity": "sha512-YcM5br0mVyZw2jcQeLIkhWtKPeVfAerES5PvOzaDxVtIyZ2NUBZKNLjC5z3/fUlDgT6w89VsxP2qzNipOaaDyA==",
-            "cpu": [
-                "mips64el"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.9.tgz",
-            "integrity": "sha512-++0HQvasdo20JytyDpFvQtNrEsAgNG2CY1CLMwGXfFTKGBGQT3bOeLSYE2l1fYdvML5KUuwn9Z8L1EWe2tzs1w==",
-            "cpu": [
-                "ppc64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.9.tgz",
-            "integrity": "sha512-uNIBa279Y3fkjV+2cUjx36xkx7eSjb8IvnL01eXUKXez/CBHNRw5ekCGMPM0BcmqBxBcdgUWuUXmVWwm4CH9kg==",
-            "cpu": [
-                "riscv64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-s390x": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.9.tgz",
-            "integrity": "sha512-Mfiphvp3MjC/lctb+7D287Xw1DGzqJPb/J2aHHcHxflUo+8tmN/6d4k6I2yFR7BVo5/g7x2Monq4+Yew0EHRIA==",
-            "cpu": [
-                "s390x"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.9.tgz",
-            "integrity": "sha512-iSwByxzRe48YVkmpbgoxVzn76BXjlYFXC7NvLYq+b+kDjyyk30J0JY47DIn8z1MO3K0oSl9fZoRmZPQI4Hklzg==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/netbsd-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.9.tgz",
-            "integrity": "sha512-9jNJl6FqaUG+COdQMjSCGW4QiMHH88xWbvZ+kRVblZsWrkXlABuGdFJ1E9L7HK+T0Yqd4akKNa/lO0+jDxQD4Q==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.9.tgz",
-            "integrity": "sha512-RLLdkflmqRG8KanPGOU7Rpg829ZHu8nFy5Pqdi9U01VYtG9Y0zOG6Vr2z4/S+/3zIyOxiK6cCeYNWOFR9QP87g==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/openbsd-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.9.tgz",
-            "integrity": "sha512-YaFBlPGeDasft5IIM+CQAhJAqS3St3nJzDEgsgFixcfZeyGPCd6eJBWzke5piZuZ7CtL656eOSYKk4Ls2C0FRQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.9.tgz",
-            "integrity": "sha512-1MkgTCuvMGWuqVtAvkpkXFmtL8XhWy+j4jaSO2wxfJtilVCi0ZE37b8uOdMItIHz4I6z1bWWtEX4CJwcKYLcuA==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/openharmony-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.9.tgz",
-            "integrity": "sha512-4Xd0xNiMVXKh6Fa7HEJQbrpP3m3DDn43jKxMjxLLRjWnRsfxjORYJlXPO4JNcXtOyfajXorRKY9NkOpTHptErg==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openharmony"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/sunos-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.9.tgz",
-            "integrity": "sha512-WjH4s6hzo00nNezhp3wFIAfmGZ8U7KtrJNlFMRKxiI9mxEK1scOMAaa9i4crUtu+tBr+0IN6JCuAcSBJZfnphw==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "sunos"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-arm64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.9.tgz",
-            "integrity": "sha512-mGFrVJHmZiRqmP8xFOc6b84/7xa5y5YvR1x8djzXpJBSv/UsNK6aqec+6JDjConTgvvQefdGhFDAs2DLAds6gQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-ia32": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.9.tgz",
-            "integrity": "sha512-b33gLVU2k11nVx1OhX3C8QQP6UHQK4ZtN56oFWvVXvz2VkDoe6fbG8TOgHFxEvqeqohmRnIHe5A1+HADk4OQww==",
-            "cpu": [
-                "ia32"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-x64": {
-            "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.9.tgz",
-            "integrity": "sha512-PPOl1mi6lpLNQxnGoyAfschAodRFYXJ+9fs6WHXz7CSWKbOqiMZsubC+BQsVKuul+3vKLuwTHsS2c2y9EoKwxQ==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
         "node_modules/@eslint-community/eslint-utils": {
             "version": "4.7.0",
-            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
-            "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -525,8 +113,6 @@
         },
         "node_modules/@eslint-community/regexpp": {
             "version": "4.12.1",
-            "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
-            "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -535,8 +121,6 @@
         },
         "node_modules/@eslint/config-array": {
             "version": "0.21.0",
-            "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.0.tgz",
-            "integrity": "sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -550,8 +134,6 @@
         },
         "node_modules/@eslint/config-array/node_modules/brace-expansion": {
             "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -561,8 +143,6 @@
         },
         "node_modules/@eslint/config-array/node_modules/minimatch": {
             "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -574,8 +154,6 @@
         },
         "node_modules/@eslint/config-helpers": {
             "version": "0.3.1",
-            "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.1.tgz",
-            "integrity": "sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -584,8 +162,6 @@
         },
         "node_modules/@eslint/core": {
             "version": "0.15.2",
-            "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.2.tgz",
-            "integrity": "sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -597,8 +173,6 @@
         },
         "node_modules/@eslint/eslintrc": {
             "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
-            "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -621,8 +195,6 @@
         },
         "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
             "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -632,8 +204,6 @@
         },
         "node_modules/@eslint/eslintrc/node_modules/minimatch": {
             "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -645,8 +215,6 @@
         },
         "node_modules/@eslint/js": {
             "version": "9.33.0",
-            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.33.0.tgz",
-            "integrity": "sha512-5K1/mKhWaMfreBGJTwval43JJmkip0RmM+3+IuqupeSKNC/Th2Kc7ucaq5ovTSra/OOKB9c58CGSz3QMVbWt0A==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -658,8 +226,6 @@
         },
         "node_modules/@eslint/object-schema": {
             "version": "2.1.6",
-            "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
-            "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -668,8 +234,6 @@
         },
         "node_modules/@eslint/plugin-kit": {
             "version": "0.3.5",
-            "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz",
-            "integrity": "sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -682,8 +246,6 @@
         },
         "node_modules/@floating-ui/core": {
             "version": "1.7.3",
-            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
-            "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/utils": "^0.2.10"
@@ -691,8 +253,6 @@
         },
         "node_modules/@floating-ui/dom": {
             "version": "1.7.3",
-            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.3.tgz",
-            "integrity": "sha512-uZA413QEpNuhtb3/iIKoYMSK07keHPYeXF02Zhd6e213j+d1NamLix/mCLxBUDW/Gx52sPH2m+chlUsyaBs/Ag==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/core": "^1.7.3",
@@ -701,14 +261,10 @@
         },
         "node_modules/@floating-ui/utils": {
             "version": "0.2.10",
-            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
-            "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
             "license": "MIT"
         },
         "node_modules/@floating-ui/vue": {
             "version": "1.1.8",
-            "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.8.tgz",
-            "integrity": "sha512-SNJAa1jbT8Gh1LvWw2uIIViLL0saV2bCY59ISCvJzhbut5DSb2H3LKUK49Xkd7SixTNHKX4LFu59nbwIXt9jjQ==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/dom": "^1.7.3",
@@ -718,8 +274,6 @@
         },
         "node_modules/@floating-ui/vue/node_modules/vue-demi": {
             "version": "0.14.10",
-            "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-            "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
             "hasInstallScript": true,
             "license": "MIT",
             "bin": {
@@ -744,8 +298,6 @@
         },
         "node_modules/@humanfs/core": {
             "version": "0.19.1",
-            "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
-            "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -754,8 +306,6 @@
         },
         "node_modules/@humanfs/node": {
             "version": "0.16.6",
-            "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
-            "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -768,8 +318,6 @@
         },
         "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
             "version": "0.3.1",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
-            "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -782,8 +330,6 @@
         },
         "node_modules/@humanwhocodes/module-importer": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-            "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -796,8 +342,6 @@
         },
         "node_modules/@humanwhocodes/retry": {
             "version": "0.4.3",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
-            "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -810,8 +354,6 @@
         },
         "node_modules/@inertiajs/core": {
             "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/@inertiajs/core/-/core-2.1.2.tgz",
-            "integrity": "sha512-fS3bDanwIZMEhtndhs1NvDvFN7y9Nx+FPkuBLSjIvYXFVmwieZmj+q2SYLXVl/jKt0qg69GwfLVrNm+gFiFbMg==",
             "license": "MIT",
             "dependencies": {
                 "axios": "^1.8.2",
@@ -821,8 +363,6 @@
         },
         "node_modules/@inertiajs/vue3": {
             "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/@inertiajs/vue3/-/vue3-2.1.2.tgz",
-            "integrity": "sha512-KZLvNUCMj5RXquJDhXkJStn9tMvA38tSOWry943LGKxIgpssf7zM7zsvVyIUQTQWbnqJrfn1TjxzIE2joUTUxQ==",
             "license": "MIT",
             "dependencies": {
                 "@inertiajs/core": "2.1.2",
@@ -834,8 +374,6 @@
         },
         "node_modules/@internationalized/date": {
             "version": "3.8.2",
-            "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.8.2.tgz",
-            "integrity": "sha512-/wENk7CbvLbkUvX1tu0mwq49CVkkWpkXubGel6birjRPyo6uQ4nQpnq5xZu823zRCwwn82zgHrvgF1vZyvmVgA==",
             "license": "Apache-2.0",
             "dependencies": {
                 "@swc/helpers": "^0.5.0"
@@ -843,8 +381,6 @@
         },
         "node_modules/@internationalized/number": {
             "version": "3.6.4",
-            "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.4.tgz",
-            "integrity": "sha512-P+/h+RDaiX8EGt3shB9AYM1+QgkvHmJ5rKi4/59k4sg9g58k9rqsRW0WxRO7jCoHyvVbFRRFKmVTdFYdehrxHg==",
             "license": "Apache-2.0",
             "dependencies": {
                 "@swc/helpers": "^0.5.0"
@@ -852,8 +388,6 @@
         },
         "node_modules/@isaacs/fs-minipass": {
             "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
-            "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -865,8 +399,6 @@
         },
         "node_modules/@jridgewell/gen-mapping": {
             "version": "0.3.13",
-            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-            "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -876,8 +408,6 @@
         },
         "node_modules/@jridgewell/remapping": {
             "version": "2.3.5",
-            "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
-            "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -887,8 +417,6 @@
         },
         "node_modules/@jridgewell/resolve-uri": {
             "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -897,14 +425,10 @@
         },
         "node_modules/@jridgewell/sourcemap-codec": {
             "version": "1.5.5",
-            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-            "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
             "license": "MIT"
         },
         "node_modules/@jridgewell/trace-mapping": {
             "version": "0.3.30",
-            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.30.tgz",
-            "integrity": "sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -920,8 +444,6 @@
         },
         "node_modules/@nodelib/fs.scandir": {
             "version": "2.1.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -934,8 +456,6 @@
         },
         "node_modules/@nodelib/fs.stat": {
             "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -944,8 +464,6 @@
         },
         "node_modules/@nodelib/fs.walk": {
             "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -958,8 +476,6 @@
         },
         "node_modules/@rolldown/pluginutils": {
             "version": "1.0.0-beta.29",
-            "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.29.tgz",
-            "integrity": "sha512-NIJgOsMjbxAXvoGq/X0gD7VPMQ8j9g0BiDaNjVNVjvl+iKXxL3Jre0v31RmBYeLEmkbj2s02v8vFTbUXi5XS2Q==",
             "dev": true,
             "license": "MIT"
         },
@@ -970,7 +486,6 @@
             "cpu": [
                 "arm"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "android"
@@ -983,7 +498,6 @@
             "cpu": [
                 "arm64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "android"
@@ -991,8 +505,6 @@
         },
         "node_modules/@rollup/rollup-darwin-arm64": {
             "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.46.3.tgz",
-            "integrity": "sha512-csnNavqZVs1+7/hUKtgjMECsNG2cdB8F7XBHP6FfQjqhjF8rzMzb3SLyy/1BG7YSfQ+bG75Ph7DyedbUqwq1rA==",
             "cpu": [
                 "arm64"
             ],
@@ -1009,7 +521,6 @@
             "cpu": [
                 "x64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "darwin"
@@ -1022,7 +533,6 @@
             "cpu": [
                 "arm64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "freebsd"
@@ -1035,7 +545,6 @@
             "cpu": [
                 "x64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "freebsd"
@@ -1048,7 +557,6 @@
             "cpu": [
                 "arm"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1061,7 +569,6 @@
             "cpu": [
                 "arm"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1074,7 +581,6 @@
             "cpu": [
                 "arm64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1087,7 +593,6 @@
             "cpu": [
                 "arm64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1100,7 +605,6 @@
             "cpu": [
                 "loong64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1113,7 +617,6 @@
             "cpu": [
                 "ppc64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1126,7 +629,6 @@
             "cpu": [
                 "riscv64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1139,7 +641,6 @@
             "cpu": [
                 "riscv64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1152,7 +653,6 @@
             "cpu": [
                 "s390x"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1165,304 +665,109 @@
             "cpu": [
                 "x64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
             ]
         },
-        "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.46.3.tgz",
-            "integrity": "sha512-oLc+JrwwvbimJUInzx56Q3ujL3Kkhxehg7O1gWAYzm8hImCd5ld1F2Gry5YDjR21MNb5WCKhC9hXgU7rRlyegQ==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.46.3.tgz",
-            "integrity": "sha512-lOrQ+BVRstruD1fkWg9yjmumhowR0oLAAzavB7yFSaGltY8klttmZtCLvOXCmGE9mLIn8IBV/IFrQOWz5xbFPg==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.46.3.tgz",
-            "integrity": "sha512-vvrVKPRS4GduGR7VMH8EylCBqsDcw6U+/0nPDuIjXQRbHJc6xOBj+frx8ksfZAh6+Fptw5wHrN7etlMmQnPQVg==",
-            "cpu": [
-                "ia32"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.46.3.tgz",
-            "integrity": "sha512-fi3cPxCnu3ZeM3EwKZPgXbWoGzm2XHgB/WShKI81uj8wG0+laobmqy5wbgEwzstlbLu4MyO8C19FyhhWseYKNQ==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@swc/helpers": {
-            "version": "0.5.17",
-            "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
-            "integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
-            "license": "Apache-2.0",
-            "dependencies": {
-                "tslib": "^2.8.0"
-            }
-        },
-        "node_modules/@tailwindcss/node": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.12.tgz",
-            "integrity": "sha512-3hm9brwvQkZFe++SBt+oLjo4OLDtkvlE8q2WalaD/7QWaeM7KEJbAiY/LJZUaCs7Xa8aUu4xy3uoyX4q54UVdQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/remapping": "^2.3.4",
-                "enhanced-resolve": "^5.18.3",
-                "jiti": "^2.5.1",
-                "lightningcss": "1.30.1",
-                "magic-string": "^0.30.17",
-                "source-map-js": "^1.2.1",
-                "tailwindcss": "4.1.12"
-            }
-        },
-        "node_modules/@tailwindcss/oxide": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.12.tgz",
-            "integrity": "sha512-gM5EoKHW/ukmlEtphNwaGx45fGoEmP10v51t9unv55voWh6WrOL19hfuIdo2FjxIaZzw776/BUQg7Pck++cIVw==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "dependencies": {
-                "detect-libc": "^2.0.4",
-                "tar": "^7.4.3"
-            },
-            "engines": {
-                "node": ">= 10"
-            },
-            "optionalDependencies": {
-                "@tailwindcss/oxide-android-arm64": "4.1.12",
-                "@tailwindcss/oxide-darwin-arm64": "4.1.12",
-                "@tailwindcss/oxide-darwin-x64": "4.1.12",
-                "@tailwindcss/oxide-freebsd-x64": "4.1.12",
-                "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.12",
-                "@tailwindcss/oxide-linux-arm64-gnu": "4.1.12",
-                "@tailwindcss/oxide-linux-arm64-musl": "4.1.12",
-                "@tailwindcss/oxide-linux-x64-gnu": "4.1.12",
-                "@tailwindcss/oxide-linux-x64-musl": "4.1.12",
-                "@tailwindcss/oxide-wasm32-wasi": "4.1.12",
-                "@tailwindcss/oxide-win32-arm64-msvc": "4.1.12",
-                "@tailwindcss/oxide-win32-x64-msvc": "4.1.12"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-android-arm64": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.12.tgz",
-            "integrity": "sha512-oNY5pq+1gc4T6QVTsZKwZaGpBb2N1H1fsc1GD4o7yinFySqIuRZ2E4NvGasWc6PhYJwGK2+5YT1f9Tp80zUQZQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-darwin-arm64": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.12.tgz",
-            "integrity": "sha512-cq1qmq2HEtDV9HvZlTtrj671mCdGB93bVY6J29mwCyaMYCP/JaUBXxrQQQm7Qn33AXXASPUb2HFZlWiiHWFytw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-darwin-x64": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.12.tgz",
-            "integrity": "sha512-6UCsIeFUcBfpangqlXay9Ffty9XhFH1QuUFn0WV83W8lGdX8cD5/+2ONLluALJD5+yJ7k8mVtwy3zMZmzEfbLg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-freebsd-x64": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.12.tgz",
-            "integrity": "sha512-JOH/f7j6+nYXIrHobRYCtoArJdMJh5zy5lr0FV0Qu47MID/vqJAY3r/OElPzx1C/wdT1uS7cPq+xdYYelny1ww==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.12.tgz",
-            "integrity": "sha512-v4Ghvi9AU1SYgGr3/j38PD8PEe6bRfTnNSUE3YCMIRrrNigCFtHZ2TCm8142X8fcSqHBZBceDx+JlFJEfNg5zQ==",
+        "node_modules/@rollup/rollup-linux-x64-musl": {
+            "version": "4.46.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.46.3.tgz",
+            "integrity": "sha512-oLc+JrwwvbimJUInzx56Q3ujL3Kkhxehg7O1gWAYzm8hImCd5ld1F2Gry5YDjR21MNb5WCKhC9hXgU7rRlyegQ==",
             "cpu": [
-                "arm"
+                "x64"
             ],
-            "dev": true,
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
+            ]
         },
-        "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.12.tgz",
-            "integrity": "sha512-YP5s1LmetL9UsvVAKusHSyPlzSRqYyRB0f+Kl/xcYQSPLEw/BvGfxzbH+ihUciePDjiXwHh+p+qbSP3SlJw+6g==",
+        "node_modules/@rollup/rollup-win32-arm64-msvc": {
+            "version": "4.46.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.46.3.tgz",
+            "integrity": "sha512-lOrQ+BVRstruD1fkWg9yjmumhowR0oLAAzavB7yFSaGltY8klttmZtCLvOXCmGE9mLIn8IBV/IFrQOWz5xbFPg==",
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
-            "license": "MIT",
             "optional": true,
             "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
+                "win32"
+            ]
         },
-        "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.12.tgz",
-            "integrity": "sha512-V8pAM3s8gsrXcCv6kCHSuwyb/gPsd863iT+v1PGXC4fSL/OJqsKhfK//v8P+w9ThKIoqNbEnsZqNy+WDnwQqCA==",
+        "node_modules/@rollup/rollup-win32-ia32-msvc": {
+            "version": "4.46.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.46.3.tgz",
+            "integrity": "sha512-vvrVKPRS4GduGR7VMH8EylCBqsDcw6U+/0nPDuIjXQRbHJc6xOBj+frx8ksfZAh6+Fptw5wHrN7etlMmQnPQVg==",
             "cpu": [
-                "arm64"
+                "ia32"
             ],
-            "dev": true,
-            "license": "MIT",
             "optional": true,
             "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
+                "win32"
+            ]
         },
-        "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
-            "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.12.tgz",
-            "integrity": "sha512-xYfqYLjvm2UQ3TZggTGrwxjYaLB62b1Wiysw/YE3Yqbh86sOMoTn0feF98PonP7LtjsWOWcXEbGqDL7zv0uW8Q==",
+        "node_modules/@rollup/rollup-win32-x64-msvc": {
+            "version": "4.46.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.46.3.tgz",
+            "integrity": "sha512-fi3cPxCnu3ZeM3EwKZPgXbWoGzm2XHgB/WShKI81uj8wG0+laobmqy5wbgEwzstlbLu4MyO8C19FyhhWseYKNQ==",
             "cpu": [
                 "x64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
+                "win32"
+            ]
+        },
+        "node_modules/@swc/helpers": {
+            "version": "0.5.17",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "tslib": "^2.8.0"
             }
         },
-        "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+        "node_modules/@tailwindcss/node": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.12.tgz",
-            "integrity": "sha512-ha0pHPamN+fWZY7GCzz5rKunlv9L5R8kdh+YNvP5awe3LtuXb5nRi/H27GeL2U+TdhDOptU7T6Is7mdwh5Ar3A==",
-            "cpu": [
-                "x64"
-            ],
             "dev": true,
             "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
+            "dependencies": {
+                "@jridgewell/remapping": "^2.3.4",
+                "enhanced-resolve": "^5.18.3",
+                "jiti": "^2.5.1",
+                "lightningcss": "1.30.1",
+                "magic-string": "^0.30.17",
+                "source-map-js": "^1.2.1",
+                "tailwindcss": "4.1.12"
             }
         },
-        "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+        "node_modules/@tailwindcss/oxide": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.12.tgz",
-            "integrity": "sha512-4tSyu3dW+ktzdEpuk6g49KdEangu3eCYoqPhWNsZgUhyegEda3M9rG0/j1GV/JjVVsj+lG7jWAyrTlLzd/WEBg==",
-            "bundleDependencies": [
-                "@napi-rs/wasm-runtime",
-                "@emnapi/core",
-                "@emnapi/runtime",
-                "@tybys/wasm-util",
-                "@emnapi/wasi-threads",
-                "tslib"
-            ],
-            "cpu": [
-                "wasm32"
-            ],
             "dev": true,
+            "hasInstallScript": true,
             "license": "MIT",
-            "optional": true,
             "dependencies": {
-                "@emnapi/core": "^1.4.5",
-                "@emnapi/runtime": "^1.4.5",
-                "@emnapi/wasi-threads": "^1.0.4",
-                "@napi-rs/wasm-runtime": "^0.2.12",
-                "@tybys/wasm-util": "^0.10.0",
-                "tslib": "^2.8.0"
+                "detect-libc": "^2.0.4",
+                "tar": "^7.4.3"
             },
             "engines": {
-                "node": ">=14.0.0"
+                "node": ">= 10"
+            },
+            "optionalDependencies": {
+                "@tailwindcss/oxide-android-arm64": "4.1.12",
+                "@tailwindcss/oxide-darwin-arm64": "4.1.12",
+                "@tailwindcss/oxide-darwin-x64": "4.1.12",
+                "@tailwindcss/oxide-freebsd-x64": "4.1.12",
+                "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.12",
+                "@tailwindcss/oxide-linux-arm64-gnu": "4.1.12",
+                "@tailwindcss/oxide-linux-arm64-musl": "4.1.12",
+                "@tailwindcss/oxide-linux-x64-gnu": "4.1.12",
+                "@tailwindcss/oxide-linux-x64-musl": "4.1.12",
+                "@tailwindcss/oxide-wasm32-wasi": "4.1.12",
+                "@tailwindcss/oxide-win32-arm64-msvc": "4.1.12",
+                "@tailwindcss/oxide-win32-x64-msvc": "4.1.12"
             }
         },
-        "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+        "node_modules/@tailwindcss/oxide-darwin-arm64": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.12.tgz",
-            "integrity": "sha512-iGLyD/cVP724+FGtMWslhcFyg4xyYyM+5F4hGvKA7eifPkXHRAUDFaimu53fpNg9X8dfP75pXx/zFt/jlNF+lg==",
             "cpu": [
                 "arm64"
             ],
@@ -1470,24 +775,22 @@
             "license": "MIT",
             "optional": true,
             "os": [
-                "win32"
+                "darwin"
             ],
             "engines": {
                 "node": ">= 10"
             }
         },
-        "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+        "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.12.tgz",
-            "integrity": "sha512-NKIh5rzw6CpEodv/++r0hGLlfgT/gFN+5WNdZtvh6wpU2BpGNgdjvj6H2oFc8nCM839QM1YOhjpgbAONUb4IxA==",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.12.tgz",
+            "integrity": "sha512-xYfqYLjvm2UQ3TZggTGrwxjYaLB62b1Wiysw/YE3Yqbh86sOMoTn0feF98PonP7LtjsWOWcXEbGqDL7zv0uW8Q==",
             "cpu": [
                 "x64"
             ],
-            "dev": true,
-            "license": "MIT",
             "optional": true,
             "os": [
-                "win32"
+                "linux"
             ],
             "engines": {
                 "node": ">= 10"
@@ -1495,8 +798,6 @@
         },
         "node_modules/@tailwindcss/vite": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.12.tgz",
-            "integrity": "sha512-4pt0AMFDx7gzIrAOIYgYP0KCBuKWqyW8ayrdiLEjoJTT4pKTjrzG/e4uzWtTLDziC+66R9wbUqZBccJalSE5vQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1510,8 +811,6 @@
         },
         "node_modules/@tanstack/virtual-core": {
             "version": "3.13.12",
-            "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.12.tgz",
-            "integrity": "sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -1520,8 +819,6 @@
         },
         "node_modules/@tanstack/vue-virtual": {
             "version": "3.13.12",
-            "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.12.tgz",
-            "integrity": "sha512-vhF7kEU9EXWXh+HdAwKJ2m3xaOnTTmgcdXcF2pim8g4GvI7eRrk2YRuV5nUlZnd/NbCIX4/Ja2OZu5EjJL06Ww==",
             "license": "MIT",
             "dependencies": {
                 "@tanstack/virtual-core": "3.13.12"
@@ -1536,21 +833,15 @@
         },
         "node_modules/@types/estree": {
             "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-            "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
             "license": "MIT"
         },
         "node_modules/@types/json-schema": {
             "version": "7.0.15",
-            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-            "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@types/node": {
             "version": "22.17.2",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.17.2.tgz",
-            "integrity": "sha512-gL6z5N9Jm9mhY+U2KXZpteb+09zyffliRkZyZOHODGATyC5B1Jt/7TzuuiLkFsSUMLbS1OLmlj/E+/3KF4Q/4w==",
             "devOptional": true,
             "license": "MIT",
             "dependencies": {
@@ -1559,14 +850,10 @@
         },
         "node_modules/@types/web-bluetooth": {
             "version": "0.0.21",
-            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
-            "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
             "license": "MIT"
         },
         "node_modules/@typescript-eslint/eslint-plugin": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.39.1.tgz",
-            "integrity": "sha512-yYegZ5n3Yr6eOcqgj2nJH8cH/ZZgF+l0YIdKILSDjYFRjgYQMgv/lRjV5Z7Up04b9VYUondt8EPMqg7kTWgJ2g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1595,8 +882,6 @@
         },
         "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
             "version": "7.0.5",
-            "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
-            "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1605,8 +890,6 @@
         },
         "node_modules/@typescript-eslint/parser": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.39.1.tgz",
-            "integrity": "sha512-pUXGCuHnnKw6PyYq93lLRiZm3vjuslIy7tus1lIQTYVK9bL8XBgJnCWm8a0KcTtHC84Yya1Q6rtll+duSMj0dg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1630,8 +913,6 @@
         },
         "node_modules/@typescript-eslint/project-service": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.39.1.tgz",
-            "integrity": "sha512-8fZxek3ONTwBu9ptw5nCKqZOSkXshZB7uAxuFF0J/wTMkKydjXCzqqga7MlFMpHi9DoG4BadhmTkITBcg8Aybw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1652,8 +933,6 @@
         },
         "node_modules/@typescript-eslint/scope-manager": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.39.1.tgz",
-            "integrity": "sha512-RkBKGBrjgskFGWuyUGz/EtD8AF/GW49S21J8dvMzpJitOF1slLEbbHnNEtAHtnDAnx8qDEdRrULRnWVx27wGBw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1670,8 +949,6 @@
         },
         "node_modules/@typescript-eslint/tsconfig-utils": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.39.1.tgz",
-            "integrity": "sha512-ePUPGVtTMR8XMU2Hee8kD0Pu4NDE1CN9Q1sxGSGd/mbOtGZDM7pnhXNJnzW63zk/q+Z54zVzj44HtwXln5CvHA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1687,8 +964,6 @@
         },
         "node_modules/@typescript-eslint/type-utils": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.39.1.tgz",
-            "integrity": "sha512-gu9/ahyatyAdQbKeHnhT4R+y3YLtqqHyvkfDxaBYk97EcbfChSJXyaJnIL3ygUv7OuZatePHmQvuH5ru0lnVeA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1712,8 +987,6 @@
         },
         "node_modules/@typescript-eslint/types": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.39.1.tgz",
-            "integrity": "sha512-7sPDKQQp+S11laqTrhHqeAbsCfMkwJMrV7oTDvtDds4mEofJYir414bYKUEb8YPUm9QL3U+8f6L6YExSoAGdQw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1726,8 +999,6 @@
         },
         "node_modules/@typescript-eslint/typescript-estree": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.39.1.tgz",
-            "integrity": "sha512-EKkpcPuIux48dddVDXyQBlKdeTPMmALqBUbEk38McWv0qVEZwOpVJBi7ugK5qVNgeuYjGNQxrrnoM/5+TI/BPw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1755,8 +1026,6 @@
         },
         "node_modules/@typescript-eslint/utils": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.39.1.tgz",
-            "integrity": "sha512-VF5tZ2XnUSTuiqZFXCZfZs1cgkdd3O/sSYmdo2EpSyDlC86UM/8YytTmKnehOW3TGAlivqTDT6bS87B/GQ/jyg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1779,8 +1048,6 @@
         },
         "node_modules/@typescript-eslint/visitor-keys": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.39.1.tgz",
-            "integrity": "sha512-W8FQi6kEh2e8zVhQ0eeRnxdvIoOkAp/CPAahcNio6nO9dsIwb9b34z90KOlheoyuVf6LSOEdjlkxSkapNEc+4A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1797,8 +1064,6 @@
         },
         "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
             "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-            "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -1810,8 +1075,6 @@
         },
         "node_modules/@vitejs/plugin-vue": {
             "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.1.tgz",
-            "integrity": "sha512-+MaE752hU0wfPFJEUAIxqw18+20euHHdxVtMvbFcOEpjEyfqXH/5DCoTHiVJ0J29EhTJdoTkjEv5YBKU9dnoTw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1827,8 +1090,6 @@
         },
         "node_modules/@volar/language-core": {
             "version": "2.4.15",
-            "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.15.tgz",
-            "integrity": "sha512-3VHw+QZU0ZG9IuQmzT68IyN4hZNd9GchGPhbD9+pa8CVv7rnoOZwo7T8weIbrRmihqy3ATpdfXFnqRrfPVK6CA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1837,15 +1098,11 @@
         },
         "node_modules/@volar/source-map": {
             "version": "2.4.15",
-            "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.15.tgz",
-            "integrity": "sha512-CPbMWlUN6hVZJYGcU/GSoHu4EnCHiLaXI9n8c9la6RaI9W5JHX+NqG+GSQcB0JdC2FIBLdZJwGsfKyBB71VlTg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@volar/typescript": {
             "version": "2.4.15",
-            "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.15.tgz",
-            "integrity": "sha512-2aZ8i0cqPGjXb4BhkMsPYDkkuc2ZQ6yOpqwAuNwUoncELqoy5fRgOQtLR9gB0g902iS0NAkvpIzs27geVyVdPg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1856,8 +1113,6 @@
         },
         "node_modules/@vue/compiler-core": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.18.tgz",
-            "integrity": "sha512-3slwjQrrV1TO8MoXgy3aynDQ7lslj5UqDxuHnrzHtpON5CBinhWjJETciPngpin/T3OuW3tXUf86tEurusnztw==",
             "license": "MIT",
             "dependencies": {
                 "@babel/parser": "^7.28.0",
@@ -1869,8 +1124,6 @@
         },
         "node_modules/@vue/compiler-dom": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.18.tgz",
-            "integrity": "sha512-RMbU6NTU70++B1JyVJbNbeFkK+A+Q7y9XKE2EM4NLGm2WFR8x9MbAtWxPPLdm0wUkuZv9trpwfSlL6tjdIa1+A==",
             "license": "MIT",
             "dependencies": {
                 "@vue/compiler-core": "3.5.18",
@@ -1879,8 +1132,6 @@
         },
         "node_modules/@vue/compiler-sfc": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.18.tgz",
-            "integrity": "sha512-5aBjvGqsWs+MoxswZPoTB9nSDb3dhd1x30xrrltKujlCxo48j8HGDNj3QPhF4VIS0VQDUrA1xUfp2hEa+FNyXA==",
             "license": "MIT",
             "dependencies": {
                 "@babel/parser": "^7.28.0",
@@ -1896,8 +1147,6 @@
         },
         "node_modules/@vue/compiler-ssr": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.18.tgz",
-            "integrity": "sha512-xM16Ak7rSWHkM3m22NlmcdIM+K4BMyFARAfV9hYFl+SFuRzrZ3uGMNW05kA5pmeMa0X9X963Kgou7ufdbpOP9g==",
             "license": "MIT",
             "dependencies": {
                 "@vue/compiler-dom": "3.5.18",
@@ -1906,8 +1155,6 @@
         },
         "node_modules/@vue/compiler-vue2": {
             "version": "2.7.16",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
-            "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1917,8 +1164,6 @@
         },
         "node_modules/@vue/eslint-config-typescript": {
             "version": "14.6.0",
-            "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-14.6.0.tgz",
-            "integrity": "sha512-UpiRY/7go4Yps4mYCjkvlIbVWmn9YvPGQDxTAlcKLphyaD77LjIu3plH4Y9zNT0GB4f3K5tMmhhtRhPOgrQ/bQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1943,8 +1188,6 @@
         },
         "node_modules/@vue/language-core": {
             "version": "2.2.12",
-            "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.2.12.tgz",
-            "integrity": "sha512-IsGljWbKGU1MZpBPN+BvPAdr55YPkj2nB/TBNGNC32Vy2qLG25DYu/NBN2vNtZqdRbTRjaoYrahLrToim2NanA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1968,8 +1211,6 @@
         },
         "node_modules/@vue/reactivity": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.18.tgz",
-            "integrity": "sha512-x0vPO5Imw+3sChLM5Y+B6G1zPjwdOri9e8V21NnTnlEvkxatHEH5B5KEAJcjuzQ7BsjGrKtfzuQ5eQwXh8HXBg==",
             "license": "MIT",
             "dependencies": {
                 "@vue/shared": "3.5.18"
@@ -1977,8 +1218,6 @@
         },
         "node_modules/@vue/runtime-core": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.18.tgz",
-            "integrity": "sha512-DUpHa1HpeOQEt6+3nheUfqVXRog2kivkXHUhoqJiKR33SO4x+a5uNOMkV487WPerQkL0vUuRvq/7JhRgLW3S+w==",
             "license": "MIT",
             "dependencies": {
                 "@vue/reactivity": "3.5.18",
@@ -1987,8 +1226,6 @@
         },
         "node_modules/@vue/runtime-dom": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.18.tgz",
-            "integrity": "sha512-YwDj71iV05j4RnzZnZtGaXwPoUWeRsqinblgVJwR8XTXYZ9D5PbahHQgsbmzUvCWNF6x7siQ89HgnX5eWkr3mw==",
             "license": "MIT",
             "dependencies": {
                 "@vue/reactivity": "3.5.18",
@@ -1999,8 +1236,6 @@
         },
         "node_modules/@vue/server-renderer": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.18.tgz",
-            "integrity": "sha512-PvIHLUoWgSbDG7zLHqSqaCoZvHi6NNmfVFOqO+OnwvqMz/tqQr3FuGWS8ufluNddk7ZLBJYMrjcw1c6XzR12mA==",
             "license": "MIT",
             "dependencies": {
                 "@vue/compiler-ssr": "3.5.18",
@@ -2012,14 +1247,10 @@
         },
         "node_modules/@vue/shared": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.18.tgz",
-            "integrity": "sha512-cZy8Dq+uuIXbxCZpuLd2GJdeSO/lIzIspC2WtkqIpje5QyFbvLaI5wZtdUjLHjGZrlVX6GilejatWwVYYRc8tA==",
             "license": "MIT"
         },
         "node_modules/@vueuse/core": {
             "version": "12.8.2",
-            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.8.2.tgz",
-            "integrity": "sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==",
             "license": "MIT",
             "dependencies": {
                 "@types/web-bluetooth": "^0.0.21",
@@ -2033,8 +1264,6 @@
         },
         "node_modules/@vueuse/metadata": {
             "version": "12.8.2",
-            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.8.2.tgz",
-            "integrity": "sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/antfu"
@@ -2042,8 +1271,6 @@
         },
         "node_modules/@vueuse/shared": {
             "version": "12.8.2",
-            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.8.2.tgz",
-            "integrity": "sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==",
             "license": "MIT",
             "dependencies": {
                 "vue": "^3.5.13"
@@ -2054,8 +1281,6 @@
         },
         "node_modules/acorn": {
             "version": "8.15.0",
-            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
-            "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -2067,8 +1292,6 @@
         },
         "node_modules/acorn-jsx": {
             "version": "5.3.2",
-            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
             "dev": true,
             "license": "MIT",
             "peerDependencies": {
@@ -2077,8 +1300,6 @@
         },
         "node_modules/ajv": {
             "version": "6.12.6",
-            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2094,15 +1315,11 @@
         },
         "node_modules/alien-signals": {
             "version": "1.0.13",
-            "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-1.0.13.tgz",
-            "integrity": "sha512-OGj9yyTnJEttvzhTUWuscOvtqxq5vrhF7vL9oS0xJ2mK0ItPYP1/y+vCFebfxoEyAz0++1AIwJ5CMr+Fk3nDmg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/ansi-regex": {
             "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2111,8 +1328,6 @@
         },
         "node_modules/ansi-styles": {
             "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2127,15 +1342,11 @@
         },
         "node_modules/argparse": {
             "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
             "dev": true,
             "license": "Python-2.0"
         },
         "node_modules/aria-hidden": {
             "version": "1.2.6",
-            "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
-            "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.0.0"
@@ -2146,14 +1357,10 @@
         },
         "node_modules/asynckit": {
             "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
             "license": "MIT"
         },
         "node_modules/axios": {
             "version": "1.11.0",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
-            "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
             "license": "MIT",
             "dependencies": {
                 "follow-redirects": "^1.15.6",
@@ -2163,22 +1370,16 @@
         },
         "node_modules/balanced-match": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/boolbase": {
             "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/brace-expansion": {
             "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-            "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2187,8 +1388,6 @@
         },
         "node_modules/braces": {
             "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2200,8 +1399,6 @@
         },
         "node_modules/call-bind-apply-helpers": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-            "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -2213,8 +1410,6 @@
         },
         "node_modules/call-bound": {
             "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
-            "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
             "license": "MIT",
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.2",
@@ -2229,8 +1424,6 @@
         },
         "node_modules/callsites": {
             "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2239,8 +1432,6 @@
         },
         "node_modules/chalk": {
             "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2256,8 +1447,6 @@
         },
         "node_modules/chalk/node_modules/supports-color": {
             "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2269,8 +1458,6 @@
         },
         "node_modules/chownr": {
             "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
-            "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
             "dev": true,
             "license": "BlueOak-1.0.0",
             "engines": {
@@ -2279,8 +1466,6 @@
         },
         "node_modules/class-variance-authority": {
             "version": "0.7.1",
-            "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
-            "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
             "license": "Apache-2.0",
             "dependencies": {
                 "clsx": "^2.1.1"
@@ -2291,8 +1476,6 @@
         },
         "node_modules/cliui": {
             "version": "8.0.1",
-            "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-            "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -2306,8 +1489,6 @@
         },
         "node_modules/clsx": {
             "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
-            "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
             "license": "MIT",
             "engines": {
                 "node": ">=6"
@@ -2315,8 +1496,6 @@
         },
         "node_modules/color-convert": {
             "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2328,15 +1507,11 @@
         },
         "node_modules/color-name": {
             "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/combined-stream": {
             "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
             "license": "MIT",
             "dependencies": {
                 "delayed-stream": "~1.0.0"
@@ -2347,15 +1522,11 @@
         },
         "node_modules/concat-map": {
             "version": "0.0.1",
-            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/concurrently": {
             "version": "9.2.0",
-            "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.2.0.tgz",
-            "integrity": "sha512-IsB/fiXTupmagMW4MNp2lx2cdSN2FfZq78vF90LBB+zZHArbIQZjQtzXCiXnvTxCZSvXanTqFLWBjw2UkLx1SQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2380,8 +1551,6 @@
         },
         "node_modules/cross-spawn": {
             "version": "7.0.6",
-            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2395,8 +1564,6 @@
         },
         "node_modules/cssesc": {
             "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -2408,21 +1575,15 @@
         },
         "node_modules/csstype": {
             "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-            "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
             "license": "MIT"
         },
         "node_modules/de-indent": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
-            "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/debug": {
             "version": "4.4.1",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
-            "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2439,21 +1600,15 @@
         },
         "node_modules/deep-is": {
             "version": "0.1.4",
-            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/defu": {
             "version": "6.1.4",
-            "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
-            "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
             "license": "MIT"
         },
         "node_modules/delayed-stream": {
             "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.4.0"
@@ -2461,8 +1616,6 @@
         },
         "node_modules/detect-libc": {
             "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
-            "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
             "devOptional": true,
             "license": "Apache-2.0",
             "engines": {
@@ -2471,8 +1624,6 @@
         },
         "node_modules/dunder-proto": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-            "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
             "license": "MIT",
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.1",
@@ -2485,15 +1636,11 @@
         },
         "node_modules/emoji-regex": {
             "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/enhanced-resolve": {
             "version": "5.18.3",
-            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
-            "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2506,8 +1653,6 @@
         },
         "node_modules/entities": {
             "version": "4.5.0",
-            "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-            "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
             "license": "BSD-2-Clause",
             "engines": {
                 "node": ">=0.12"
@@ -2518,8 +1663,6 @@
         },
         "node_modules/es-define-property": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-            "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -2527,8 +1670,6 @@
         },
         "node_modules/es-errors": {
             "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-            "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -2536,8 +1677,6 @@
         },
         "node_modules/es-object-atoms": {
             "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-            "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0"
@@ -2548,8 +1687,6 @@
         },
         "node_modules/es-set-tostringtag": {
             "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
-            "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -2563,8 +1700,6 @@
         },
         "node_modules/es-toolkit": {
             "version": "1.39.10",
-            "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.39.10.tgz",
-            "integrity": "sha512-E0iGnTtbDhkeczB0T+mxmoVlT4YNweEKBLq7oaU4p11mecdsZpNWOglI4895Vh4usbQ+LsJiuLuI2L0Vdmfm2w==",
             "license": "MIT",
             "workspaces": [
                 "docs",
@@ -2573,8 +1708,6 @@
         },
         "node_modules/esbuild": {
             "version": "0.25.9",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.9.tgz",
-            "integrity": "sha512-CRbODhYyQx3qp7ZEwzxOk4JBqmD/seJrzPa/cGjY1VtIn5E09Oi9/dB4JwctnfZ8Q8iT7rioVv5k/FNT/uf54g==",
             "hasInstallScript": true,
             "license": "MIT",
             "bin": {
@@ -2614,8 +1747,6 @@
         },
         "node_modules/escalade": {
             "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-            "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2624,8 +1755,6 @@
         },
         "node_modules/escape-string-regexp": {
             "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2637,8 +1766,6 @@
         },
         "node_modules/eslint": {
             "version": "9.33.0",
-            "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.33.0.tgz",
-            "integrity": "sha512-TS9bTNIryDzStCpJN93aC5VRSW3uTx9sClUn4B87pwiCaJh220otoI0X8mJKr+VcPtniMdN8GKjlwgWGUv5ZKA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2698,8 +1825,6 @@
         },
         "node_modules/eslint-config-prettier": {
             "version": "10.1.8",
-            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-10.1.8.tgz",
-            "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -2714,8 +1839,6 @@
         },
         "node_modules/eslint-plugin-vue": {
             "version": "9.33.0",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.33.0.tgz",
-            "integrity": "sha512-174lJKuNsuDIlLpjeXc5E2Tss8P44uIimAfGD0b90k0NoirJqpG7stLuU9Vp/9ioTOrQdWVREc4mRd1BD+CvGw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2737,8 +1860,6 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/eslint-scope": {
             "version": "7.2.2",
-            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-            "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -2754,8 +1875,6 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/espree": {
             "version": "9.6.1",
-            "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-            "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -2772,8 +1891,6 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/globals": {
             "version": "13.24.0",
-            "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-            "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2788,8 +1905,6 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/vue-eslint-parser": {
             "version": "9.4.3",
-            "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
-            "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2813,8 +1928,6 @@
         },
         "node_modules/eslint-scope": {
             "version": "8.4.0",
-            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-            "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -2830,8 +1943,6 @@
         },
         "node_modules/eslint-visitor-keys": {
             "version": "3.4.3",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-            "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -2843,8 +1954,6 @@
         },
         "node_modules/eslint/node_modules/brace-expansion": {
             "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2854,8 +1963,6 @@
         },
         "node_modules/eslint/node_modules/eslint-visitor-keys": {
             "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-            "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -2867,8 +1974,6 @@
         },
         "node_modules/eslint/node_modules/minimatch": {
             "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -2880,8 +1985,6 @@
         },
         "node_modules/espree": {
             "version": "10.4.0",
-            "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
-            "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -2898,8 +2001,6 @@
         },
         "node_modules/espree/node_modules/eslint-visitor-keys": {
             "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-            "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -2911,8 +2012,6 @@
         },
         "node_modules/esquery": {
             "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
-            "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
             "dev": true,
             "license": "BSD-3-Clause",
             "dependencies": {
@@ -2924,8 +2023,6 @@
         },
         "node_modules/esrecurse": {
             "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -2937,8 +2034,6 @@
         },
         "node_modules/estraverse": {
             "version": "5.3.0",
-            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
             "dev": true,
             "license": "BSD-2-Clause",
             "engines": {
@@ -2947,14 +2042,10 @@
         },
         "node_modules/estree-walker": {
             "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
             "license": "MIT"
         },
         "node_modules/esutils": {
             "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
             "dev": true,
             "license": "BSD-2-Clause",
             "engines": {
@@ -2963,15 +2054,11 @@
         },
         "node_modules/fast-deep-equal": {
             "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/fast-glob": {
             "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-            "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2987,8 +2074,6 @@
         },
         "node_modules/fast-glob/node_modules/glob-parent": {
             "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -3000,22 +2085,16 @@
         },
         "node_modules/fast-json-stable-stringify": {
             "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/fast-levenshtein": {
             "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/fastq": {
             "version": "1.19.1",
-            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
-            "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -3024,8 +2103,6 @@
         },
         "node_modules/file-entry-cache": {
             "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-            "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3037,8 +2114,6 @@
         },
         "node_modules/fill-range": {
             "version": "7.1.1",
-            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3050,8 +2125,6 @@
         },
         "node_modules/find-up": {
             "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3067,8 +2140,6 @@
         },
         "node_modules/flat-cache": {
             "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-            "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3081,15 +2152,11 @@
         },
         "node_modules/flatted": {
             "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
-            "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/follow-redirects": {
             "version": "1.15.11",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
-            "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
             "funding": [
                 {
                     "type": "individual",
@@ -3108,8 +2175,6 @@
         },
         "node_modules/form-data": {
             "version": "4.0.4",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
-            "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
             "license": "MIT",
             "dependencies": {
                 "asynckit": "^0.4.0",
@@ -3124,9 +2189,6 @@
         },
         "node_modules/fsevents": {
             "version": "2.3.3",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-            "hasInstallScript": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -3138,8 +2200,6 @@
         },
         "node_modules/function-bind": {
             "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
@@ -3147,8 +2207,6 @@
         },
         "node_modules/get-caller-file": {
             "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -3157,8 +2215,6 @@
         },
         "node_modules/get-intrinsic": {
             "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-            "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
             "license": "MIT",
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.2",
@@ -3181,8 +2237,6 @@
         },
         "node_modules/get-proto": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-            "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
             "license": "MIT",
             "dependencies": {
                 "dunder-proto": "^1.0.1",
@@ -3194,8 +2248,6 @@
         },
         "node_modules/glob-parent": {
             "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -3207,8 +2259,6 @@
         },
         "node_modules/globals": {
             "version": "14.0.0",
-            "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-            "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3220,8 +2270,6 @@
         },
         "node_modules/gopd": {
             "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-            "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -3232,22 +2280,16 @@
         },
         "node_modules/graceful-fs": {
             "version": "4.2.11",
-            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/graphemer": {
             "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-            "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/has-flag": {
             "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3256,8 +2298,6 @@
         },
         "node_modules/has-symbols": {
             "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-            "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -3268,8 +2308,6 @@
         },
         "node_modules/has-tostringtag": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-            "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
             "license": "MIT",
             "dependencies": {
                 "has-symbols": "^1.0.3"
@@ -3283,8 +2321,6 @@
         },
         "node_modules/hasown": {
             "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
             "license": "MIT",
             "dependencies": {
                 "function-bind": "^1.1.2"
@@ -3295,8 +2331,6 @@
         },
         "node_modules/he": {
             "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -3305,8 +2339,6 @@
         },
         "node_modules/ignore": {
             "version": "5.3.2",
-            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-            "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3315,8 +2347,6 @@
         },
         "node_modules/import-fresh": {
             "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
-            "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3332,8 +2362,6 @@
         },
         "node_modules/imurmurhash": {
             "version": "0.1.4",
-            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3342,8 +2370,6 @@
         },
         "node_modules/is-extglob": {
             "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3352,8 +2378,6 @@
         },
         "node_modules/is-fullwidth-code-point": {
             "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3362,8 +2386,6 @@
         },
         "node_modules/is-glob": {
             "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3375,8 +2397,6 @@
         },
         "node_modules/is-number": {
             "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3385,15 +2405,11 @@
         },
         "node_modules/isexe": {
             "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/jiti": {
             "version": "2.5.1",
-            "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.5.1.tgz",
-            "integrity": "sha512-twQoecYPiVA5K/h6SxtORw/Bs3ar+mLUtoPSc7iMXzQzK8d7eJ/R09wmTwAjiamETn1cXYPGfNnu7DMoHgu12w==",
             "devOptional": true,
             "license": "MIT",
             "bin": {
@@ -3402,8 +2418,6 @@
         },
         "node_modules/js-yaml": {
             "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3415,29 +2429,21 @@
         },
         "node_modules/json-buffer": {
             "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-            "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/json-schema-traverse": {
             "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/json-stable-stringify-without-jsonify": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/keyv": {
             "version": "4.5.4",
-            "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-            "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3446,8 +2452,6 @@
         },
         "node_modules/laravel-vite-plugin": {
             "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-2.0.0.tgz",
-            "integrity": "sha512-pnaKHInJgiWpG/g+LmaISHl7D/1s5wnOXnrGiBdt4NOs+tYZRw0v/ZANELGX2/dGgHyEzO+iZ6x4idpoK04z/Q==",
             "license": "MIT",
             "dependencies": {
                 "picocolors": "^1.0.0",
@@ -3465,8 +2469,6 @@
         },
         "node_modules/levn": {
             "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3479,8 +2481,6 @@
         },
         "node_modules/lightningcss": {
             "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
-            "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
             "devOptional": true,
             "license": "MPL-2.0",
             "dependencies": {
@@ -3508,8 +2508,6 @@
         },
         "node_modules/lightningcss-darwin-arm64": {
             "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
-            "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
             "cpu": [
                 "arm64"
             ],
@@ -3526,106 +2524,6 @@
                 "url": "https://opencollective.com/parcel"
             }
         },
-        "node_modules/lightningcss-darwin-x64": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
-            "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-freebsd-x64": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
-            "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-arm-gnueabihf": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
-            "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
-            "cpu": [
-                "arm"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-arm64-gnu": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
-            "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-arm64-musl": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
-            "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
         "node_modules/lightningcss-linux-x64-gnu": {
             "version": "1.30.1",
             "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
@@ -3633,27 +2531,6 @@
             "cpu": [
                 "x64"
             ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-x64-musl": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
-            "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MPL-2.0",
             "optional": true,
             "os": [
                 "linux"
@@ -3666,50 +2543,8 @@
                 "url": "https://opencollective.com/parcel"
             }
         },
-        "node_modules/lightningcss-win32-arm64-msvc": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
-            "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-win32-x64-msvc": {
-            "version": "1.30.1",
-            "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
-            "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
         "node_modules/locate-path": {
             "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3724,22 +2559,16 @@
         },
         "node_modules/lodash": {
             "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/lodash.merge": {
             "version": "4.6.2",
-            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/lucide-vue-next": {
             "version": "0.468.0",
-            "resolved": "https://registry.npmjs.org/lucide-vue-next/-/lucide-vue-next-0.468.0.tgz",
-            "integrity": "sha512-quV/6T8YB1XK0VOEnebg3Byd8Rsan5/m95cvjnuHV4vcS3qEnLAybkrSh0hk3ppavx+V7R1PjNW+mGDvcBdz4A==",
             "license": "ISC",
             "peerDependencies": {
                 "vue": ">=3.0.1"
@@ -3747,8 +2576,6 @@
         },
         "node_modules/magic-string": {
             "version": "0.30.17",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-            "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
             "license": "MIT",
             "dependencies": {
                 "@jridgewell/sourcemap-codec": "^1.5.0"
@@ -3756,8 +2583,6 @@
         },
         "node_modules/math-intrinsics": {
             "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-            "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -3765,8 +2590,6 @@
         },
         "node_modules/merge2": {
             "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3775,8 +2598,6 @@
         },
         "node_modules/micromatch": {
             "version": "4.0.8",
-            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-            "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3789,8 +2610,6 @@
         },
         "node_modules/mime-db": {
             "version": "1.52.0",
-            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
@@ -3798,8 +2617,6 @@
         },
         "node_modules/mime-types": {
             "version": "2.1.35",
-            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
             "license": "MIT",
             "dependencies": {
                 "mime-db": "1.52.0"
@@ -3810,8 +2627,6 @@
         },
         "node_modules/minimatch": {
             "version": "9.0.5",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -3826,8 +2641,6 @@
         },
         "node_modules/minipass": {
             "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-            "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -3836,8 +2649,6 @@
         },
         "node_modules/minizlib": {
             "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.2.tgz",
-            "integrity": "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3849,8 +2660,6 @@
         },
         "node_modules/mkdirp": {
             "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
-            "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -3865,22 +2674,16 @@
         },
         "node_modules/ms": {
             "version": "2.1.3",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/muggle-string": {
             "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
-            "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/nanoid": {
             "version": "3.3.11",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
             "funding": [
                 {
                     "type": "github",
@@ -3897,15 +2700,11 @@
         },
         "node_modules/natural-compare": {
             "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/nth-check": {
             "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -3917,8 +2716,6 @@
         },
         "node_modules/object-inspect": {
             "version": "1.13.4",
-            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-            "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -3929,14 +2726,10 @@
         },
         "node_modules/ohash": {
             "version": "2.0.11",
-            "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
-            "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
             "license": "MIT"
         },
         "node_modules/optionator": {
             "version": "0.9.4",
-            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-            "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3953,8 +2746,6 @@
         },
         "node_modules/p-limit": {
             "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3969,8 +2760,6 @@
         },
         "node_modules/p-locate": {
             "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3985,8 +2774,6 @@
         },
         "node_modules/parent-module": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3998,15 +2785,11 @@
         },
         "node_modules/path-browserify": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
-            "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/path-exists": {
             "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4015,8 +2798,6 @@
         },
         "node_modules/path-key": {
             "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4025,14 +2806,10 @@
         },
         "node_modules/picocolors": {
             "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
             "license": "ISC"
         },
         "node_modules/picomatch": {
             "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
             "license": "MIT",
             "engines": {
                 "node": ">=8.6"
@@ -4043,8 +2820,6 @@
         },
         "node_modules/postcss": {
             "version": "8.5.6",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-            "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -4071,8 +2846,6 @@
         },
         "node_modules/postcss-selector-parser": {
             "version": "6.1.2",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4085,8 +2858,6 @@
         },
         "node_modules/prelude-ls": {
             "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4095,8 +2866,6 @@
         },
         "node_modules/prettier": {
             "version": "3.6.2",
-            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz",
-            "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -4111,8 +2880,6 @@
         },
         "node_modules/prettier-plugin-organize-imports": {
             "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-organize-imports/-/prettier-plugin-organize-imports-4.2.0.tgz",
-            "integrity": "sha512-Zdy27UhlmyvATZi67BTnLcKTo8fm6Oik59Sz6H64PgZJVs6NJpPD1mT240mmJn62c98/QaL+r3kx9Q3gRpDajg==",
             "dev": true,
             "license": "MIT",
             "peerDependencies": {
@@ -4128,8 +2895,6 @@
         },
         "node_modules/prettier-plugin-tailwindcss": {
             "version": "0.6.14",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.14.tgz",
-            "integrity": "sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4215,14 +2980,10 @@
         },
         "node_modules/proxy-from-env": {
             "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
             "license": "MIT"
         },
         "node_modules/punycode": {
             "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4231,8 +2992,6 @@
         },
         "node_modules/qs": {
             "version": "6.14.0",
-            "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
-            "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "side-channel": "^1.1.0"
@@ -4246,8 +3005,6 @@
         },
         "node_modules/queue-microtask": {
             "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
             "dev": true,
             "funding": [
                 {
@@ -4267,8 +3024,6 @@
         },
         "node_modules/reka-ui": {
             "version": "2.4.1",
-            "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.4.1.tgz",
-            "integrity": "sha512-NB7DrCsODN8MH02BWtgiExygfFcuuZ5/PTn6fMgjppmFHqePvNhmSn1LEuF35nel6PFbA4v+gdj0IoGN1yZ+vw==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/dom": "^1.6.13",
@@ -4288,8 +3043,6 @@
         },
         "node_modules/require-directory": {
             "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4298,8 +3051,6 @@
         },
         "node_modules/resolve-from": {
             "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4308,8 +3059,6 @@
         },
         "node_modules/reusify": {
             "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
-            "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4319,8 +3068,6 @@
         },
         "node_modules/rollup": {
             "version": "4.46.3",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.46.3.tgz",
-            "integrity": "sha512-RZn2XTjXb8t5g13f5YclGoilU/kwT696DIkY3sywjdZidNSi3+vseaQov7D7BZXVJCPv3pDWUN69C78GGbXsKw==",
             "license": "MIT",
             "dependencies": {
                 "@types/estree": "1.0.8"
@@ -4363,7 +3110,6 @@
             "cpu": [
                 "x64"
             ],
-            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -4371,8 +3117,6 @@
         },
         "node_modules/run-parallel": {
             "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
             "dev": true,
             "funding": [
                 {
@@ -4395,8 +3139,6 @@
         },
         "node_modules/rxjs": {
             "version": "7.8.2",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
-            "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -4405,8 +3147,6 @@
         },
         "node_modules/semver": {
             "version": "7.7.2",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
-            "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
             "dev": true,
             "license": "ISC",
             "bin": {
@@ -4418,8 +3158,6 @@
         },
         "node_modules/shebang-command": {
             "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4431,8 +3169,6 @@
         },
         "node_modules/shebang-regex": {
             "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4441,8 +3177,6 @@
         },
         "node_modules/shell-quote": {
             "version": "1.8.3",
-            "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
-            "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4454,8 +3188,6 @@
         },
         "node_modules/side-channel": {
             "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-            "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -4473,8 +3205,6 @@
         },
         "node_modules/side-channel-list": {
             "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
-            "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -4489,8 +3219,6 @@
         },
         "node_modules/side-channel-map": {
             "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
-            "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
             "license": "MIT",
             "dependencies": {
                 "call-bound": "^1.0.2",
@@ -4507,8 +3235,6 @@
         },
         "node_modules/side-channel-weakmap": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
-            "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
             "license": "MIT",
             "dependencies": {
                 "call-bound": "^1.0.2",
@@ -4526,8 +3252,6 @@
         },
         "node_modules/source-map-js": {
             "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
             "license": "BSD-3-Clause",
             "engines": {
                 "node": ">=0.10.0"
@@ -4535,8 +3259,6 @@
         },
         "node_modules/string-width": {
             "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4550,8 +3272,6 @@
         },
         "node_modules/strip-ansi": {
             "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4563,8 +3283,6 @@
         },
         "node_modules/strip-json-comments": {
             "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4576,8 +3294,6 @@
         },
         "node_modules/supports-color": {
             "version": "8.1.1",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-            "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4592,8 +3308,6 @@
         },
         "node_modules/tailwind-merge": {
             "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.3.1.tgz",
-            "integrity": "sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -4602,14 +3316,10 @@
         },
         "node_modules/tailwindcss": {
             "version": "4.1.12",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.12.tgz",
-            "integrity": "sha512-DzFtxOi+7NsFf7DBtI3BJsynR+0Yp6etH+nRPTbpWnS2pZBaSksv/JGctNwSWzbFjp0vxSqknaUylseZqMDGrA==",
             "license": "MIT"
         },
         "node_modules/tapable": {
             "version": "2.2.2",
-            "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.2.tgz",
-            "integrity": "sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4618,8 +3328,6 @@
         },
         "node_modules/tar": {
             "version": "7.4.3",
-            "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz",
-            "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -4636,8 +3344,6 @@
         },
         "node_modules/tinyglobby": {
             "version": "0.2.14",
-            "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
-            "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
             "license": "MIT",
             "dependencies": {
                 "fdir": "^6.4.4",
@@ -4652,8 +3358,6 @@
         },
         "node_modules/tinyglobby/node_modules/fdir": {
             "version": "6.5.0",
-            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-            "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
             "license": "MIT",
             "engines": {
                 "node": ">=12.0.0"
@@ -4669,8 +3373,6 @@
         },
         "node_modules/tinyglobby/node_modules/picomatch": {
             "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -4681,8 +3383,6 @@
         },
         "node_modules/to-regex-range": {
             "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4694,8 +3394,6 @@
         },
         "node_modules/tree-kill": {
             "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
-            "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -4704,8 +3402,6 @@
         },
         "node_modules/ts-api-utils": {
             "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
-            "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4717,14 +3413,10 @@
         },
         "node_modules/tslib": {
             "version": "2.8.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
             "license": "0BSD"
         },
         "node_modules/tw-animate-css": {
             "version": "1.3.7",
-            "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.3.7.tgz",
-            "integrity": "sha512-lvLb3hTIpB5oGsk8JmLoAjeCHV58nKa2zHYn8yWOoG5JJusH3bhJlF2DLAZ/5NmJ+jyH3ssiAx/2KmbhavJy/A==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/Wombosvideo"
@@ -4732,8 +3424,6 @@
         },
         "node_modules/type-check": {
             "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4745,8 +3435,6 @@
         },
         "node_modules/type-fest": {
             "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
             "dev": true,
             "license": "(MIT OR CC0-1.0)",
             "engines": {
@@ -4758,8 +3446,6 @@
         },
         "node_modules/typescript": {
             "version": "5.9.2",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.2.tgz",
-            "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==",
             "devOptional": true,
             "license": "Apache-2.0",
             "bin": {
@@ -4772,8 +3458,6 @@
         },
         "node_modules/typescript-eslint": {
             "version": "8.39.1",
-            "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.39.1.tgz",
-            "integrity": "sha512-GDUv6/NDYngUlNvwaHM1RamYftxf782IyEDbdj3SeaIHHv8fNQVRC++fITT7kUJV/5rIA/tkoRSSskt6osEfqg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4796,15 +3480,11 @@
         },
         "node_modules/undici-types": {
             "version": "6.21.0",
-            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-            "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
             "devOptional": true,
             "license": "MIT"
         },
         "node_modules/uri-js": {
             "version": "4.4.1",
-            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -4813,15 +3493,11 @@
         },
         "node_modules/util-deprecate": {
             "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/vite": {
             "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.2.tgz",
-            "integrity": "sha512-J0SQBPlQiEXAF7tajiH+rUooJPo0l8KQgyg4/aMunNtrOa7bwuZJsJbDWzeljqQpgftxuq5yNJxQ91O9ts29UQ==",
             "license": "MIT",
             "dependencies": {
                 "esbuild": "^0.25.0",
@@ -4894,8 +3570,6 @@
         },
         "node_modules/vite-plugin-full-reload": {
             "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.2.0.tgz",
-            "integrity": "sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==",
             "license": "MIT",
             "dependencies": {
                 "picocolors": "^1.0.0",
@@ -4904,8 +3578,6 @@
         },
         "node_modules/vite/node_modules/fdir": {
             "version": "6.5.0",
-            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-            "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
             "license": "MIT",
             "engines": {
                 "node": ">=12.0.0"
@@ -4921,8 +3593,6 @@
         },
         "node_modules/vite/node_modules/picomatch": {
             "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -4933,15 +3603,11 @@
         },
         "node_modules/vscode-uri": {
             "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
-            "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/vue": {
             "version": "3.5.18",
-            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.18.tgz",
-            "integrity": "sha512-7W4Y4ZbMiQ3SEo+m9lnoNpV9xG7QVMLa+/0RFwwiAVkeYoyGXqWE85jabU4pllJNUzqfLShJ5YLptewhCWUgNA==",
             "license": "MIT",
             "dependencies": {
                 "@vue/compiler-dom": "3.5.18",
@@ -4961,8 +3627,6 @@
         },
         "node_modules/vue-eslint-parser": {
             "version": "10.2.0",
-            "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-10.2.0.tgz",
-            "integrity": "sha512-CydUvFOQKD928UzZhTp4pr2vWz1L+H99t7Pkln2QSPdvmURT0MoC4wUccfCnuEaihNsu9aYYyk+bep8rlfkUXw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4985,8 +3649,6 @@
         },
         "node_modules/vue-eslint-parser/node_modules/eslint-visitor-keys": {
             "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-            "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -4998,8 +3660,6 @@
         },
         "node_modules/vue-tsc": {
             "version": "2.2.12",
-            "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.2.12.tgz",
-            "integrity": "sha512-P7OP77b2h/Pmk+lZdJ0YWs+5tJ6J2+uOQPo7tlBnY44QqQSPYvS0qVT4wqDJgwrZaLe47etJLLQRFia71GYITw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5015,8 +3675,6 @@
         },
         "node_modules/which": {
             "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -5031,8 +3689,6 @@
         },
         "node_modules/word-wrap": {
             "version": "1.2.5",
-            "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-            "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -5041,8 +3697,6 @@
         },
         "node_modules/wrap-ansi": {
             "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5059,8 +3713,6 @@
         },
         "node_modules/xml-name-validator": {
             "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
-            "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -5069,8 +3721,6 @@
         },
         "node_modules/y18n": {
             "version": "5.0.8",
-            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -5079,8 +3729,6 @@
         },
         "node_modules/yallist": {
             "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
-            "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
             "dev": true,
             "license": "BlueOak-1.0.0",
             "engines": {
@@ -5089,8 +3737,6 @@
         },
         "node_modules/yargs": {
             "version": "17.7.2",
-            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-            "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5108,8 +3754,6 @@
         },
         "node_modules/yargs-parser": {
             "version": "21.1.1",
-            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-            "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -5118,8 +3762,6 @@
         },
         "node_modules/yocto-queue": {
             "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
             "dev": true,
             "license": "MIT",
             "engines": {
diff --git a/resources/js/pages/auth/ConfirmPassword.vue b/resources/js/pages/auth/ConfirmPassword.vue
index 816ecafe..37377379 100644
--- a/resources/js/pages/auth/ConfirmPassword.vue
+++ b/resources/js/pages/auth/ConfirmPassword.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { store } from '@/actions/App/Http/Controllers/Auth/ConfirmablePasswordController';
+import { store } from '@/actions/Laravel/Fortify/Http/Controllers/ConfirmablePasswordController'
 import InputError from '@/components/InputError.vue';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';

From b083e762ba18ff9707ca3cd364058b418c4563da Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Mon, 25 Aug 2025 22:25:46 +0530
Subject: [PATCH 39/58] refactor: update two-factor authentication forms to use
 route helpers

---
 resources/js/components/TwoFactorRecoveryCodes.vue |  7 ++++---
 resources/js/components/TwoFactorSetupModal.vue    |  7 +++----
 resources/js/composables/useTwoFactorAuth.ts       | 13 +++++++------
 resources/js/pages/auth/TwoFactorChallenge.vue     | 11 +++++------
 resources/js/pages/settings/TwoFactor.vue          | 11 +++++------
 5 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/resources/js/components/TwoFactorRecoveryCodes.vue b/resources/js/components/TwoFactorRecoveryCodes.vue
index fa1d3d73..ec2c6556 100644
--- a/resources/js/components/TwoFactorRecoveryCodes.vue
+++ b/resources/js/components/TwoFactorRecoveryCodes.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { store } from '@/actions/Laravel/Fortify/Http/Controllers/RecoveryCodeController'; // Update with route
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
@@ -7,10 +8,10 @@ import { Eye, EyeOff, LockKeyhole, RefreshCw } from 'lucide-vue-next';
 import { nextTick, onMounted, ref } from 'vue';
 
 const { recoveryCodesList, fetchRecoveryCodes } = useTwoFactorAuth();
-const isRecoveryCodesVisible = ref(false);
+const isRecoveryCodesVisible = ref<boolean>(false);
 const recoveryCodeSectionRef = ref<HTMLDivElement | null>(null);
 
-const toggleRecoveryCodesVisibility = async () => {
+const toggleRecoveryCodesVisibility = async (): Promise<void> => {
     if (!isRecoveryCodesVisible.value && !recoveryCodesList.value.length) {
         await fetchRecoveryCodes();
     }
@@ -47,7 +48,7 @@ onMounted(async () => {
 
                 <Form
                     v-if="isRecoveryCodesVisible"
-                    :action="route('two-factor.recovery-codes')"
+                    v-bind="store.form()"
                     method="post"
                     :options="{ preserveScroll: true }"
                     @success="fetchRecoveryCodes"
diff --git a/resources/js/components/TwoFactorSetupModal.vue b/resources/js/components/TwoFactorSetupModal.vue
index 34dbb355..96194ce4 100644
--- a/resources/js/components/TwoFactorSetupModal.vue
+++ b/resources/js/components/TwoFactorSetupModal.vue
@@ -4,6 +4,7 @@ import { Button } from '@/components/ui/button';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
+import { confirm } from '@/routes/two-factor';
 import { Form } from '@inertiajs/vue3';
 import { useClipboard } from '@vueuse/core';
 import { Check, Copy, Loader2, ScanLine } from 'lucide-vue-next';
@@ -31,7 +32,7 @@ const codeValue = computed(() => code.value.join(''));
 
 const pinInputContainerRef = ref<HTMLElement | null>(null);
 
-const modalConfig = computed(() => {
+const modalConfig = computed<{ title: string; description: string; buttonText: string }>(() => {
     if (props.twoFactorEnabled) {
         return {
             title: 'You have enabled two factor authentication.',
@@ -65,7 +66,6 @@ const handleModalNextStep = () => {
     }
 
     emit('update:isOpen', false);
-    return;
 };
 
 watch(
@@ -144,8 +144,7 @@ watch(
 
                 <template v-else>
                     <Form
-                        :action="route('two-factor.confirm')"
-                        method="post"
+                        v-bind="confirm.form()"
                         reset-on-error
                         @error="code = []"
                         @success="emit('update:isOpen', false)"
diff --git a/resources/js/composables/useTwoFactorAuth.ts b/resources/js/composables/useTwoFactorAuth.ts
index b6eb3d80..4d7c1fe8 100644
--- a/resources/js/composables/useTwoFactorAuth.ts
+++ b/resources/js/composables/useTwoFactorAuth.ts
@@ -1,6 +1,7 @@
+import { qrCode, recoveryCodes, secretKey } from '@/routes/two-factor';
 import { ref } from 'vue';
 
-async function fetchApi<T>(url: string): Promise<T> {
+const fetchJson = async <T>(url: string): Promise<T> => {
     const response = await fetch(url, {
         headers: { Accept: 'application/json' },
     });
@@ -10,7 +11,7 @@ async function fetchApi<T>(url: string): Promise<T> {
     }
 
     return response.json();
-}
+};
 
 export const useTwoFactorAuth = () => {
     const qrCodeSvg = ref<string | null>(null);
@@ -18,18 +19,18 @@ export const useTwoFactorAuth = () => {
     const recoveryCodesList = ref<string[]>([]);
 
     const fetchQrCode = async (): Promise<void> => {
-        const { svg } = await fetchApi<{ svg: string; url: string }>(route('two-factor.qr-code'));
+        const { svg } = await fetchJson<{ svg: string; url: string }>(qrCode.url());
         qrCodeSvg.value = svg;
     };
 
     const fetchSetupKey = async (): Promise<void> => {
-        const { secretKey } = await fetchApi<{ secretKey: string }>(route('two-factor.secret-key'));
-        manualSetupKey.value = secretKey;
+        const { secretKey: key } = await fetchJson<{ secretKey: string }>(secretKey.url());
+        manualSetupKey.value = key;
     };
 
     const fetchRecoveryCodes = async (): Promise<void> => {
         try {
-            recoveryCodesList.value = await fetchApi<string[]>(route('two-factor.recovery-codes'));
+            recoveryCodesList.value = await fetchJson<string[]>(recoveryCodes.url());
         } catch (error) {
             console.error('Failed to fetch recovery codes:', error);
             recoveryCodesList.value = [];
diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index 2ce80387..7fb1a9d6 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -5,6 +5,7 @@ import { Input } from '@/components/ui/input';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 import AuthLayout from '@/layouts/AuthLayout.vue';
 import { Form, Head } from '@inertiajs/vue3';
+import { store } from '@/routes/two-factor/login';
 import { computed, ref } from 'vue';
 
 interface AuthConfigContent {
@@ -13,7 +14,7 @@ interface AuthConfigContent {
     toggleText: string;
 }
 
-const authConfigContent = computed((): AuthConfigContent => {
+const authConfigContent = computed<AuthConfigContent>((): AuthConfigContent => {
     if (showRecoveryInput.value) {
         return {
             title: 'Recovery Code',
@@ -38,7 +39,7 @@ const toggleRecoveryMode = (clearErrors: () => void): void => {
 };
 
 const code = ref<number[]>([]);
-const codeValue = computed((): string => code.value.join(''));
+const codeValue = computed<string>((): string => code.value.join(''));
 </script>
 
 <template>
@@ -48,8 +49,7 @@ const codeValue = computed((): string => code.value.join(''));
         <div class="space-y-6">
             <template v-if="!showRecoveryInput">
                 <Form
-                    :action="route('two-factor.login')"
-                    method="post"
+                    v-bind="store.form()"
                     class="space-y-4"
                     reset-on-error
                     @error="code = []"
@@ -82,8 +82,7 @@ const codeValue = computed((): string => code.value.join(''));
 
             <template v-else>
                 <Form
-                    :action="route('two-factor.login')"
-                    method="post"
+                    v-bind="store.form()"
                     class="space-y-4"
                     reset-on-error
                     #default="{ errors, processing, clearErrors }"
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index ec6f1dd8..d3b6060f 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -7,6 +7,7 @@ import { Button } from '@/components/ui/button';
 import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
+import { disable, enable, show } from '@/routes/two-factor';
 import { BreadcrumbItem } from '@/types';
 import { Form, Head } from '@inertiajs/vue3';
 import { ShieldBan, ShieldCheck } from 'lucide-vue-next';
@@ -25,7 +26,7 @@ withDefaults(defineProps<Props>(), {
 const breadcrumbs: BreadcrumbItem[] = [
     {
         title: 'Two-Factor Authentication',
-        href: '/settings/two-factor',
+        href: show.url(),
     },
 ];
 
@@ -49,10 +50,8 @@ const setupModalRef = ref<InstanceType<typeof TwoFactorSetupModal>>();
                     </p>
 
                     <div>
-                        <Button v-if="requiresConfirmation && qrCodeSvg && manualSetupKey" @click="showSetupModal = true">
-                            <ShieldCheck />Enable
-                        </Button>
-                        <Form v-else :action="route('two-factor.enable')" method="post" @success="showSetupModal = true" #default="{ processing }">
+                        <Button v-if="qrCodeSvg && manualSetupKey" @click="showSetupModal = true"> <ShieldCheck />Enable </Button>
+                        <Form v-else v-bind="enable.form()" @success="showSetupModal = true" #default="{ processing }">
                             <Button type="submit" :disabled="processing"> <ShieldCheck />{{ processing ? 'Enabling...' : 'Enable' }} </Button>
                         </Form>
                     </div>
@@ -68,7 +67,7 @@ const setupModalRef = ref<InstanceType<typeof TwoFactorSetupModal>>();
                     <TwoFactorRecoveryCodes />
 
                     <div class="relative inline">
-                        <Form :action="route('two-factor.disable')" :async="false" method="delete" #default="{ processing }">
+                        <Form v-bind="disable.form()" method="delete" #default="{ processing }">
                             <Button variant="destructive" type="submit" :disabled="processing">
                                 <ShieldBan />
                                 {{ processing ? 'Disabling...' : 'Disable 2FA' }}

From b2ef754745c0c3f21a82529f8c0b150b06674670 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Mon, 25 Aug 2025 22:57:51 +0530
Subject: [PATCH 40/58] refactor: test

---
 .../Feature/Auth/PasswordConfirmationTest.php |  18 +-
 tests/Feature/Auth/TwoFactorChallengeTest.php |  48 +++++
 .../Settings/TwoFactorAuthenticationTest.php  | 172 ++++++++++++++----
 3 files changed, 195 insertions(+), 43 deletions(-)
 create mode 100644 tests/Feature/Auth/TwoFactorChallengeTest.php

diff --git a/tests/Feature/Auth/PasswordConfirmationTest.php b/tests/Feature/Auth/PasswordConfirmationTest.php
index c415b881..533b2849 100644
--- a/tests/Feature/Auth/PasswordConfirmationTest.php
+++ b/tests/Feature/Auth/PasswordConfirmationTest.php
@@ -4,6 +4,7 @@
 
 use App\Models\User;
 use Illuminate\Foundation\Testing\RefreshDatabase;
+use Inertia\Testing\AssertableInertia as Assert;
 use Tests\TestCase;
 
 class PasswordConfirmationTest extends TestCase
@@ -14,14 +15,25 @@ public function test_confirm_password_screen_can_be_rendered()
     {
         $user = User::factory()->create();
 
-        $response = $this->actingAs($user)->get('/user/confirm-password');
+        $response = $this->actingAs($user)->get(route('password.confirm'));
 
         $response->assertStatus(200);
     }
 
     public function test_password_confirmation_requires_authentication()
     {
-        $response = $this->get('/user/confirm-password');
-        $response->assertRedirect('/login');
+        $response = $this->get(route('password.confirm'));
+        $response->assertRedirect(route('login'));
+    }
+
+    public function test_confirm_password_view_callback_is_called(): void
+    {
+        $user = User::factory()->create();
+
+        $this->actingAs($user)
+            ->get(route('password.confirm'))
+            ->assertInertia(fn (Assert $page) => $page
+                ->component('auth/ConfirmPassword')
+            );
     }
 }
diff --git a/tests/Feature/Auth/TwoFactorChallengeTest.php b/tests/Feature/Auth/TwoFactorChallengeTest.php
new file mode 100644
index 00000000..56e77a48
--- /dev/null
+++ b/tests/Feature/Auth/TwoFactorChallengeTest.php
@@ -0,0 +1,48 @@
+<?php
+
+namespace Tests\Feature\Auth;
+
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Inertia\Testing\AssertableInertia as Assert;
+use Laravel\Fortify\Features;
+use Tests\TestCase;
+
+class TwoFactorChallengeTest extends TestCase
+{
+    use RefreshDatabase;
+    
+    public function test_two_factor_challenge_redirects_when_not_authenticated(): void
+    {
+        $response = $this->get('/two-factor-challenge');
+
+        $response->assertRedirect('/login');
+    }
+
+    public function test_two_factor_challenge_renders_correct_inertia_component(): void
+    {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        $user = User::factory()->create();
+
+        $user->forceFill([
+            'two_factor_secret' => encrypt('test-secret'),
+            'two_factor_recovery_codes' => encrypt(json_encode(['code1', 'code2'])),
+            'two_factor_confirmed_at' => now(),
+        ])->save();
+
+        $this->post('/login', [
+            'email' => $user->email,
+            'password' => 'password',
+        ]);
+
+        $response = $this->get('/two-factor-challenge');
+
+        $response->assertOk()
+            ->assertInertia(fn (Assert $page) => $page
+                ->component('auth/TwoFactorChallenge')
+            );
+    }
+}
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index 058b9975..04137e10 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -14,8 +14,8 @@ class TwoFactorAuthenticationTest extends TestCase
 
     public function test_two_factor_settings_page_requires_authentication()
     {
-        $this->get('/settings/two-factor')
-            ->assertRedirect('/login');
+        $this->get(route('two-factor.show'))
+            ->assertRedirect(route('login'));
     }
 
     public function test_renders_two_factor_settings_component()
@@ -24,7 +24,7 @@ public function test_renders_two_factor_settings_component()
 
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()])
-            ->get('/settings/two-factor')
+            ->get(route('two-factor.show'))
             ->assertInertia(fn (Assert $page) => $page
                 ->component('settings/TwoFactor')
             );
@@ -38,7 +38,7 @@ public function test_passes_correct_props_to_two_factor_component()
 
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()])
-            ->get('/settings/two-factor')
+            ->get(route('two-factor.show'))
             ->assertInertia(fn (Assert $page) => $page
                 ->component('settings/TwoFactor')
                 ->has('requiresConfirmation')
@@ -48,18 +48,6 @@ public function test_passes_correct_props_to_two_factor_component()
             );
     }
 
-    public function test_shows_two_factor_disabled_status_initially()
-    {
-        $user = User::factory()->create();
-
-        $this->actingAs($user)
-            ->withSession(['auth.password_confirmed_at' => time()])
-            ->get('/settings/two-factor')
-            ->assertInertia(fn (Assert $page) => $page
-                ->where('twoFactorEnabled', false)
-            );
-    }
-
     public function test_shows_two_factor_status_reflects_user_state()
     {
         if (! Features::canManageTwoFactorAuthentication()) {
@@ -72,60 +60,164 @@ public function test_shows_two_factor_status_reflects_user_state()
 
         $this->withSession(['auth.password_confirmed_at' => time()]);
 
-        $this->post('/user/two-factor-authentication');
+        $this->post(route('two-factor.enable'));
 
-        $this->get('/settings/two-factor')
+        $this->get(route('two-factor.show'))
             ->assertInertia(fn (Assert $page) => $page
                 ->where('twoFactorEnabled', $user->fresh()->hasEnabledTwoFactorAuthentication())
             );
     }
 
-    public function test_requires_confirmation_prop_matches_fortify_config()
+    public function test_two_factor_settings_page_requires_password_confirmation()
     {
         $user = User::factory()->create();
 
-        $expectedRequiresConfirmation = Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm');
+        $response = $this->actingAs($user)
+            ->get(route('two-factor.show'));
+
+        $response->assertRedirect();
+        $this->assertTrue(
+            str_contains($response->headers->get('location'), 'confirm-password'),
+            'Should redirect to password confirmation page'
+        );
+    }
+
+    public function test_two_factor_authentication_disabled_returns_403_when_disabled()
+    {
+        config(['fortify.features' => []]);
+
+        $user = User::factory()->create();
 
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()])
-            ->get('/settings/two-factor')
-            ->assertInertia(fn (Assert $page) => $page
-                ->where('requiresConfirmation', $expectedRequiresConfirmation)
-            );
+            ->get(route('two-factor.show'))
+            ->assertForbidden();
     }
 
-    public function test_two_factor_settings_page_requires_password_confirmation()
+    public function test_validates_two_factor_authentication_state_when_confirmation_disabled()
     {
         $user = User::factory()->create();
 
-        $response = $this->actingAs($user)
-            ->get('/settings/two-factor');
+        config(['fortify.features' => [
+            Features::twoFactorAuthentication(['confirm' => true]),
+        ]]);
 
-        $response->assertRedirect();
-        $this->assertTrue(
-            str_contains($response->headers->get('location'), 'confirm-password'),
-            'Should redirect to password confirmation page'
-        );
+        $this->actingAs($user)
+            ->withSession(['auth.password_confirmed_at' => time()])
+            ->get(route('two-factor.show'))
+            ->assertOk();
     }
 
-    public function test_two_factor_settings_page_validates_state_with_password_confirmation()
+    public function test_validates_two_factor_authentication_state_when_confirmation_required_and_transitioning()
     {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        config(['fortify.features' => [
+            Features::twoFactorAuthentication(['confirm' => true]),
+        ]]);
+
         $user = User::factory()->create();
 
-        $this->actingAs($user)->withSession(['auth.password_confirmed_at' => time()]);
-        $this->get('/settings/two-factor')->assertOk();
+        $this->actingAs($user)
+            ->withSession(['auth.password_confirmed_at' => time()])
+            ->withSession(['two_factor_empty_at' => time() - 10]);
+
+        $this->post(route('two-factor.enable'));
+
+        $this->get(route('two-factor.show'))
+            ->assertOk();
+
+        $this->assertNotNull(session('two_factor_confirming_at'));
     }
 
-    public function test_two_factor_authentication_disabled_returns_403_when_feature_disabled()
+    public function test_validates_two_factor_authentication_state_when_user_never_finished_confirming()
     {
-        if (Features::enabled(Features::twoFactorAuthentication())) {
-            $this->markTestSkipped('Two factor authentication is enabled.');
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
+        config(['fortify.features' => [
+            Features::twoFactorAuthentication(['confirm' => true]),
+        ]]);
+
         $user = User::factory()->create();
 
+        $user->forceFill([
+            'two_factor_secret' => encrypt('test-secret'),
+            'two_factor_recovery_codes' => encrypt(json_encode(['code1', 'code2'])),
+        ])->save();
+
+        $pastTime = time() - 10;
+
         $this->actingAs($user)
-            ->get('/settings/two-factor')
-            ->assertForbidden();
+            ->withSession(['auth.password_confirmed_at' => time()])
+            ->withSession(['two_factor_confirming_at' => $pastTime]);
+
+        $response = $this->get(route('two-factor.show'));
+
+        $response->assertOk();
+
+        $this->assertNull($user->fresh()->two_factor_secret);
+        $this->assertNotNull(session('two_factor_empty_at'));
+        $this->assertNull(session('two_factor_confirming_at'));
+    }
+
+    public function test_validates_two_factor_authentication_state_when_confirmation_not_required()
+    {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        config(['fortify.features' => [
+            Features::twoFactorAuthentication(['confirm' => false]),
+        ]]);
+
+        $user = User::factory()->create();
+
+        $this->actingAs($user)
+            ->withSession(['auth.password_confirmed_at' => time()]);
+
+        $response = $this->get(route('two-factor.show'));
+
+        $response->assertOk();
+
+        $this->assertNull(session('two_factor_empty_at'));
+        $this->assertNull(session('two_factor_confirming_at'));
+    }
+
+    public function test_validates_two_factor_authentication_state_with_old_input_code()
+    {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        config(['fortify.features' => [
+            Features::twoFactorAuthentication(['confirm' => true]),
+        ]]);
+
+        $user = User::factory()->create();
+
+        $user->forceFill([
+            'two_factor_secret' => encrypt('test-secret'),
+            'two_factor_recovery_codes' => encrypt(json_encode(['code1', 'code2'])),
+        ])->save();
+
+        $pastTime = time() - 10;
+
+        $this->actingAs($user)
+            ->withSession(['auth.password_confirmed_at' => time()])
+            ->withSession(['two_factor_confirming_at' => $pastTime]);
+
+        $this->session([
+            '_old_input' => ['code' => '123456']
+        ]);
+
+        $response = $this->get(route('two-factor.show'));
+
+        $response->assertOk();
+
+        $this->assertNotNull($user->fresh()->two_factor_secret);
     }
 }

From 31e606179cda2191bf1b90fc018e76d9f91b4d42 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Mon, 25 Aug 2025 23:12:26 +0530
Subject: [PATCH 41/58] refactor: improve two-factor authentication tests and
 enhance readability

---
 tests/Feature/Auth/AuthenticationTest.php     |  2 +-
 .../Feature/Auth/PasswordConfirmationTest.php | 14 +----
 tests/Feature/Auth/TwoFactorChallengeTest.php | 44 +++++++++++++--
 .../Settings/TwoFactorAuthenticationTest.php  | 55 ++++---------------
 4 files changed, 53 insertions(+), 62 deletions(-)

diff --git a/tests/Feature/Auth/AuthenticationTest.php b/tests/Feature/Auth/AuthenticationTest.php
index 93869c57..819b93eb 100644
--- a/tests/Feature/Auth/AuthenticationTest.php
+++ b/tests/Feature/Auth/AuthenticationTest.php
@@ -55,7 +55,7 @@ public function test_users_with_two_factor_enabled_are_redirected_to_two_factor_
         $this->assertGuest();
     }
 
-    public function test_users_without_two_factor_login_normally()
+    public function test_users_without_two_factor_enabled_login_normally()
     {
         $user = User::factory()->create();
 
diff --git a/tests/Feature/Auth/PasswordConfirmationTest.php b/tests/Feature/Auth/PasswordConfirmationTest.php
index 533b2849..9d23861d 100644
--- a/tests/Feature/Auth/PasswordConfirmationTest.php
+++ b/tests/Feature/Auth/PasswordConfirmationTest.php
@@ -18,6 +18,9 @@ public function test_confirm_password_screen_can_be_rendered()
         $response = $this->actingAs($user)->get(route('password.confirm'));
 
         $response->assertStatus(200);
+        $response->assertInertia(fn(Assert $page) => $page
+            ->component('auth/ConfirmPassword')
+        );
     }
 
     public function test_password_confirmation_requires_authentication()
@@ -25,15 +28,4 @@ public function test_password_confirmation_requires_authentication()
         $response = $this->get(route('password.confirm'));
         $response->assertRedirect(route('login'));
     }
-
-    public function test_confirm_password_view_callback_is_called(): void
-    {
-        $user = User::factory()->create();
-
-        $this->actingAs($user)
-            ->get(route('password.confirm'))
-            ->assertInertia(fn (Assert $page) => $page
-                ->component('auth/ConfirmPassword')
-            );
-    }
 }
diff --git a/tests/Feature/Auth/TwoFactorChallengeTest.php b/tests/Feature/Auth/TwoFactorChallengeTest.php
index 56e77a48..487c0977 100644
--- a/tests/Feature/Auth/TwoFactorChallengeTest.php
+++ b/tests/Feature/Auth/TwoFactorChallengeTest.php
@@ -11,12 +11,12 @@
 class TwoFactorChallengeTest extends TestCase
 {
     use RefreshDatabase;
-    
+
     public function test_two_factor_challenge_redirects_when_not_authenticated(): void
     {
-        $response = $this->get('/two-factor-challenge');
+        $response = $this->get(route('two-factor.login'));
 
-        $response->assertRedirect('/login');
+        $response->assertRedirect(route('login'));
     }
 
     public function test_two_factor_challenge_renders_correct_inertia_component(): void
@@ -33,16 +33,50 @@ public function test_two_factor_challenge_renders_correct_inertia_component(): v
             'two_factor_confirmed_at' => now(),
         ])->save();
 
-        $this->post('/login', [
+        $this->post(route('login'), [
             'email' => $user->email,
             'password' => 'password',
         ]);
 
-        $response = $this->get('/two-factor-challenge');
+        $response = $this->get(route('two-factor.login'));
 
         $response->assertOk()
             ->assertInertia(fn (Assert $page) => $page
                 ->component('auth/TwoFactorChallenge')
             );
     }
+
+    public function test_two_factor_authentication_is_rate_limited(): void
+    {
+        if (! Features::enabled(Features::twoFactorAuthentication())) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        $user = User::factory()->create();
+
+        $user->forceFill([
+            'two_factor_secret' => encrypt('JBSWY3DPEHPK3PXP'),
+            'two_factor_recovery_codes' => encrypt(json_encode(['recovery-code-1', 'recovery-code-2'])),
+            'two_factor_confirmed_at' => now(),
+        ])->save();
+
+        $this->post(route('login'), [
+            'email' => $user->email,
+            'password' => 'password',
+        ]);
+
+        foreach (range(0,4) as $ignored) {
+            $this->post(route('two-factor.login.store'), [
+                'code' => '000000',
+            ])->assertStatus(302)->assertSessionHasErrors([
+                'code' => 'The provided two factor authentication code was invalid.',
+            ]);
+        }
+
+        $response = $this->post(route('two-factor.login.store'), [
+            'code' => '000000',
+        ]);
+
+        $response->assertStatus(429);
+    }
 }
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index 04137e10..0a9a229d 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -25,7 +25,7 @@ public function test_renders_two_factor_settings_component()
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()])
             ->get(route('two-factor.show'))
-            ->assertInertia(fn (Assert $page) => $page
+            ->assertInertia(fn(Assert $page) => $page
                 ->component('settings/TwoFactor')
             );
     }
@@ -39,7 +39,7 @@ public function test_passes_correct_props_to_two_factor_component()
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()])
             ->get(route('two-factor.show'))
-            ->assertInertia(fn (Assert $page) => $page
+            ->assertInertia(fn(Assert $page) => $page
                 ->component('settings/TwoFactor')
                 ->has('requiresConfirmation')
                 ->where('requiresConfirmation', $expectedRequiresConfirmation)
@@ -50,7 +50,7 @@ public function test_passes_correct_props_to_two_factor_component()
 
     public function test_shows_two_factor_status_reflects_user_state()
     {
-        if (! Features::canManageTwoFactorAuthentication()) {
+        if (!Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
@@ -63,7 +63,7 @@ public function test_shows_two_factor_status_reflects_user_state()
         $this->post(route('two-factor.enable'));
 
         $this->get(route('two-factor.show'))
-            ->assertInertia(fn (Assert $page) => $page
+            ->assertInertia(fn(Assert $page) => $page
                 ->where('twoFactorEnabled', $user->fresh()->hasEnabledTwoFactorAuthentication())
             );
     }
@@ -82,7 +82,7 @@ public function test_two_factor_settings_page_requires_password_confirmation()
         );
     }
 
-    public function test_two_factor_authentication_disabled_returns_403_when_disabled()
+    public function test_two_factor_authentication_disabled_returns_forbidden_when_disabled()
     {
         config(['fortify.features' => []]);
 
@@ -110,7 +110,7 @@ public function test_validates_two_factor_authentication_state_when_confirmation
 
     public function test_validates_two_factor_authentication_state_when_confirmation_required_and_transitioning()
     {
-        if (! Features::canManageTwoFactorAuthentication()) {
+        if (!Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
@@ -134,7 +134,7 @@ public function test_validates_two_factor_authentication_state_when_confirmation
 
     public function test_validates_two_factor_authentication_state_when_user_never_finished_confirming()
     {
-        if (! Features::canManageTwoFactorAuthentication()) {
+        if (!Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
@@ -166,7 +166,7 @@ public function test_validates_two_factor_authentication_state_when_user_never_f
 
     public function test_validates_two_factor_authentication_state_when_confirmation_not_required()
     {
-        if (! Features::canManageTwoFactorAuthentication()) {
+        if (!Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
@@ -179,45 +179,10 @@ public function test_validates_two_factor_authentication_state_when_confirmation
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()]);
 
-        $response = $this->get(route('two-factor.show'));
-
-        $response->assertOk();
+        $this->get(route('two-factor.show'))
+            ->assertOk();
 
         $this->assertNull(session('two_factor_empty_at'));
         $this->assertNull(session('two_factor_confirming_at'));
     }
-
-    public function test_validates_two_factor_authentication_state_with_old_input_code()
-    {
-        if (! Features::canManageTwoFactorAuthentication()) {
-            $this->markTestSkipped('Two factor authentication is not enabled.');
-        }
-
-        config(['fortify.features' => [
-            Features::twoFactorAuthentication(['confirm' => true]),
-        ]]);
-
-        $user = User::factory()->create();
-
-        $user->forceFill([
-            'two_factor_secret' => encrypt('test-secret'),
-            'two_factor_recovery_codes' => encrypt(json_encode(['code1', 'code2'])),
-        ])->save();
-
-        $pastTime = time() - 10;
-
-        $this->actingAs($user)
-            ->withSession(['auth.password_confirmed_at' => time()])
-            ->withSession(['two_factor_confirming_at' => $pastTime]);
-
-        $this->session([
-            '_old_input' => ['code' => '123456']
-        ]);
-
-        $response = $this->get(route('two-factor.show'));
-
-        $response->assertOk();
-
-        $this->assertNotNull($user->fresh()->two_factor_secret);
-    }
 }

From cc8f893564f345e6d7aa91b9e5d826c30094268a Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Mon, 25 Aug 2025 23:20:05 +0530
Subject: [PATCH 42/58] refactor: update two-factor authentication tests for
 consistency and improve code readability

---
 composer.json                                      |  2 +-
 resources/js/components/TwoFactorRecoveryCodes.vue |  4 ++--
 tests/Feature/Auth/PasswordConfirmationTest.php    |  2 +-
 tests/Feature/Auth/TwoFactorChallengeTest.php      |  7 +++----
 .../Settings/TwoFactorAuthenticationTest.php       | 14 +++++++-------
 5 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/composer.json b/composer.json
index 878045ea..2170781d 100644
--- a/composer.json
+++ b/composer.json
@@ -11,7 +11,7 @@
     "require": {
         "php": "^8.2",
         "inertiajs/inertia-laravel": "^2.0",
-        "laravel/fortify": "^1.28",
+        "laravel/fortify": "^1.29",
         "laravel/framework": "^12.0",
         "laravel/tinker": "^2.10.1",
         "laravel/wayfinder": "^0.1.9"
diff --git a/resources/js/components/TwoFactorRecoveryCodes.vue b/resources/js/components/TwoFactorRecoveryCodes.vue
index ec2c6556..635fa20a 100644
--- a/resources/js/components/TwoFactorRecoveryCodes.vue
+++ b/resources/js/components/TwoFactorRecoveryCodes.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { store } from '@/actions/Laravel/Fortify/Http/Controllers/RecoveryCodeController'; // Update with route
+import { regenerateRecoveryCodes } from '@/routes/two-factor'; // Update with route
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
@@ -48,7 +48,7 @@ onMounted(async () => {
 
                 <Form
                     v-if="isRecoveryCodesVisible"
-                    v-bind="store.form()"
+                    v-bind="regenerateRecoveryCodes.form()"
                     method="post"
                     :options="{ preserveScroll: true }"
                     @success="fetchRecoveryCodes"
diff --git a/tests/Feature/Auth/PasswordConfirmationTest.php b/tests/Feature/Auth/PasswordConfirmationTest.php
index 9d23861d..23633e5f 100644
--- a/tests/Feature/Auth/PasswordConfirmationTest.php
+++ b/tests/Feature/Auth/PasswordConfirmationTest.php
@@ -18,7 +18,7 @@ public function test_confirm_password_screen_can_be_rendered()
         $response = $this->actingAs($user)->get(route('password.confirm'));
 
         $response->assertStatus(200);
-        $response->assertInertia(fn(Assert $page) => $page
+        $response->assertInertia(fn (Assert $page) => $page
             ->component('auth/ConfirmPassword')
         );
     }
diff --git a/tests/Feature/Auth/TwoFactorChallengeTest.php b/tests/Feature/Auth/TwoFactorChallengeTest.php
index 487c0977..f9ff0e76 100644
--- a/tests/Feature/Auth/TwoFactorChallengeTest.php
+++ b/tests/Feature/Auth/TwoFactorChallengeTest.php
@@ -38,9 +38,8 @@ public function test_two_factor_challenge_renders_correct_inertia_component(): v
             'password' => 'password',
         ]);
 
-        $response = $this->get(route('two-factor.login'));
-
-        $response->assertOk()
+        $this->get(route('two-factor.login'))
+            ->assertOk()
             ->assertInertia(fn (Assert $page) => $page
                 ->component('auth/TwoFactorChallenge')
             );
@@ -65,7 +64,7 @@ public function test_two_factor_authentication_is_rate_limited(): void
             'password' => 'password',
         ]);
 
-        foreach (range(0,4) as $ignored) {
+        foreach (range(0, 4) as $ignored) {
             $this->post(route('two-factor.login.store'), [
                 'code' => '000000',
             ])->assertStatus(302)->assertSessionHasErrors([
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index 0a9a229d..4b130c39 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -25,7 +25,7 @@ public function test_renders_two_factor_settings_component()
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()])
             ->get(route('two-factor.show'))
-            ->assertInertia(fn(Assert $page) => $page
+            ->assertInertia(fn (Assert $page) => $page
                 ->component('settings/TwoFactor')
             );
     }
@@ -39,7 +39,7 @@ public function test_passes_correct_props_to_two_factor_component()
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()])
             ->get(route('two-factor.show'))
-            ->assertInertia(fn(Assert $page) => $page
+            ->assertInertia(fn (Assert $page) => $page
                 ->component('settings/TwoFactor')
                 ->has('requiresConfirmation')
                 ->where('requiresConfirmation', $expectedRequiresConfirmation)
@@ -50,7 +50,7 @@ public function test_passes_correct_props_to_two_factor_component()
 
     public function test_shows_two_factor_status_reflects_user_state()
     {
-        if (!Features::canManageTwoFactorAuthentication()) {
+        if (! Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
@@ -63,7 +63,7 @@ public function test_shows_two_factor_status_reflects_user_state()
         $this->post(route('two-factor.enable'));
 
         $this->get(route('two-factor.show'))
-            ->assertInertia(fn(Assert $page) => $page
+            ->assertInertia(fn (Assert $page) => $page
                 ->where('twoFactorEnabled', $user->fresh()->hasEnabledTwoFactorAuthentication())
             );
     }
@@ -110,7 +110,7 @@ public function test_validates_two_factor_authentication_state_when_confirmation
 
     public function test_validates_two_factor_authentication_state_when_confirmation_required_and_transitioning()
     {
-        if (!Features::canManageTwoFactorAuthentication()) {
+        if (! Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
@@ -134,7 +134,7 @@ public function test_validates_two_factor_authentication_state_when_confirmation
 
     public function test_validates_two_factor_authentication_state_when_user_never_finished_confirming()
     {
-        if (!Features::canManageTwoFactorAuthentication()) {
+        if (! Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
@@ -166,7 +166,7 @@ public function test_validates_two_factor_authentication_state_when_user_never_f
 
     public function test_validates_two_factor_authentication_state_when_confirmation_not_required()
     {
-        if (!Features::canManageTwoFactorAuthentication()) {
+        if (! Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 

From 7b4e4e4c6a989dfb678912a2d62b0c18dd9eb295 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 00:05:59 +0530
Subject: [PATCH 43/58] wip

---
 .../Settings/TwoFactorAuthenticationTest.php  | 102 +++++++++++-------
 1 file changed, 62 insertions(+), 40 deletions(-)

diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index 4b130c39..b6998c20 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -14,76 +14,91 @@ class TwoFactorAuthenticationTest extends TestCase
 
     public function test_two_factor_settings_page_requires_authentication()
     {
+        if (!Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => true,
+        ]);
+
         $this->get(route('two-factor.show'))
             ->assertRedirect(route('login'));
     }
 
     public function test_renders_two_factor_settings_component()
     {
-        $user = User::factory()->create();
+        if (!Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
 
-        $this->actingAs($user)
-            ->withSession(['auth.password_confirmed_at' => time()])
-            ->get(route('two-factor.show'))
-            ->assertInertia(fn (Assert $page) => $page
-                ->component('settings/TwoFactor')
-            );
-    }
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => true,
+        ]);
 
-    public function test_passes_correct_props_to_two_factor_component()
-    {
         $user = User::factory()->create();
 
-        $expectedRequiresConfirmation = Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm');
-
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()])
             ->get(route('two-factor.show'))
-            ->assertInertia(fn (Assert $page) => $page
+            ->assertInertia(fn(Assert $page) => $page
                 ->component('settings/TwoFactor')
-                ->has('requiresConfirmation')
-                ->where('requiresConfirmation', $expectedRequiresConfirmation)
-                ->has('twoFactorEnabled')
                 ->where('twoFactorEnabled', false)
             );
     }
 
-    public function test_shows_two_factor_status_reflects_user_state()
+    public function test_two_factor_settings_page_requires_password_confirmation()
     {
-        if (! Features::canManageTwoFactorAuthentication()) {
+        if (!Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
-
         $user = User::factory()->create();
 
-        $this->actingAs($user);
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => true,
+        ]);
 
-        $this->withSession(['auth.password_confirmed_at' => time()]);
-
-        $this->post(route('two-factor.enable'));
+        $response = $this->actingAs($user)
+            ->get(route('two-factor.show'));
 
-        $this->get(route('two-factor.show'))
-            ->assertInertia(fn (Assert $page) => $page
-                ->where('twoFactorEnabled', $user->fresh()->hasEnabledTwoFactorAuthentication())
-            );
+        $response->assertRedirect(route('password.confirm'));
     }
 
-    public function test_two_factor_settings_page_requires_password_confirmation()
+    public function test_two_factor_settings_page_does_not_requires_password_confirmation_when_disabled()
     {
+        if (!Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
         $user = User::factory()->create();
 
-        $response = $this->actingAs($user)
-            ->get(route('two-factor.show'));
+         config(['fortify.features' => [
+            Features::twoFactorAuthentication([
+                'confirm' => false,
+                'confirmPassword' => false,
+            ]),
+        ]]);
+
+        // Debug what Features::optionEnabled returns
+        dump(Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword'));
 
-        $response->assertRedirect();
-        $this->assertTrue(
-            str_contains($response->headers->get('location'), 'confirm-password'),
-            'Should redirect to password confirmation page'
-        );
+        $this->actingAs($user)
+            ->get(route('two-factor.show'))
+            ->assertOk()
+            ->assertInertia(fn(Assert $page) => $page
+                ->component('settings/TwoFactor')
+            );
     }
 
     public function test_two_factor_authentication_disabled_returns_forbidden_when_disabled()
     {
+        if (!Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
         config(['fortify.features' => []]);
 
         $user = User::factory()->create();
@@ -96,12 +111,19 @@ public function test_two_factor_authentication_disabled_returns_forbidden_when_d
 
     public function test_validates_two_factor_authentication_state_when_confirmation_disabled()
     {
-        $user = User::factory()->create();
+        if (!Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
 
         config(['fortify.features' => [
-            Features::twoFactorAuthentication(['confirm' => true]),
+            Features::twoFactorAuthentication([
+                'confirm' => true,
+                'confirmPassword' => true,
+            ]),
         ]]);
 
+        $user = User::factory()->create();
+
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()])
             ->get(route('two-factor.show'))
@@ -110,7 +132,7 @@ public function test_validates_two_factor_authentication_state_when_confirmation
 
     public function test_validates_two_factor_authentication_state_when_confirmation_required_and_transitioning()
     {
-        if (! Features::canManageTwoFactorAuthentication()) {
+        if (!Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
@@ -134,7 +156,7 @@ public function test_validates_two_factor_authentication_state_when_confirmation
 
     public function test_validates_two_factor_authentication_state_when_user_never_finished_confirming()
     {
-        if (! Features::canManageTwoFactorAuthentication()) {
+        if (!Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
@@ -166,7 +188,7 @@ public function test_validates_two_factor_authentication_state_when_user_never_f
 
     public function test_validates_two_factor_authentication_state_when_confirmation_not_required()
     {
-        if (! Features::canManageTwoFactorAuthentication()) {
+        if (!Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 

From e2e382d1eae899fad44b36aa25f94a897af8fbc0 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 00:48:39 +0530
Subject: [PATCH 44/58] Move conditional middleware from route to controller

---
 .../Settings/TwoFactorAuthenticationController.php | 14 +++++++++++++-
 routes/settings.php                                |  4 ----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 6a036e32..1780f5ff 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -6,14 +6,26 @@
 use App\Http\Controllers\Controller;
 use Illuminate\Http\Request;
 use Illuminate\Http\Response as HttpResponse;
+use Illuminate\Routing\Controllers\HasMiddleware;
+use Illuminate\Routing\Controllers\Middleware;
 use Inertia\Inertia;
 use Inertia\Response;
 use Laravel\Fortify\Features;
 
-class TwoFactorAuthenticationController extends Controller
+class TwoFactorAuthenticationController extends Controller implements HasMiddleware
 {
     use ConfirmsTwoFactorAuthentication;
 
+    /**
+     * Get the middleware that should be assigned to the controller.
+     */
+    public static function middleware(): array
+    {
+        return Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword') ? [
+            new Middleware('password.confirm', only: ['show']),
+        ] : [];
+    }
+
     /**
      * Show the user's two-factor authentication settings page.
      */
diff --git a/routes/settings.php b/routes/settings.php
index a840f80d..3ab23c35 100644
--- a/routes/settings.php
+++ b/routes/settings.php
@@ -5,7 +5,6 @@
 use App\Http\Controllers\Settings\TwoFactorAuthenticationController;
 use Illuminate\Support\Facades\Route;
 use Inertia\Inertia;
-use Laravel\Fortify\Features;
 
 Route::middleware('auth')->group(function () {
     Route::redirect('settings', '/settings/profile');
@@ -25,8 +24,5 @@
     })->name('appearance');
 
     Route::get('settings/two-factor', [TwoFactorAuthenticationController::class, 'show'])
-        ->when(Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword'), function ($route) {
-            $route->middleware('password.confirm');
-        })
         ->name('two-factor.show');
 });

From f2888c1cb142e44af447dc1744de6f447a276b77 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 00:49:22 +0530
Subject: [PATCH 45/58] Fix tests to be consistent based on config

---
 tests/Feature/Auth/AuthenticationTest.php     |   5 +
 tests/Feature/Auth/TwoFactorChallengeTest.php |  16 +-
 .../Settings/TwoFactorAuthenticationTest.php  | 140 +++++-------------
 3 files changed, 54 insertions(+), 107 deletions(-)

diff --git a/tests/Feature/Auth/AuthenticationTest.php b/tests/Feature/Auth/AuthenticationTest.php
index 819b93eb..2abb5bad 100644
--- a/tests/Feature/Auth/AuthenticationTest.php
+++ b/tests/Feature/Auth/AuthenticationTest.php
@@ -37,6 +37,11 @@ public function test_users_with_two_factor_enabled_are_redirected_to_two_factor_
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => true,
+        ]);
+
         $user = User::factory()->create();
 
         $user->forceFill([
diff --git a/tests/Feature/Auth/TwoFactorChallengeTest.php b/tests/Feature/Auth/TwoFactorChallengeTest.php
index f9ff0e76..2eccda69 100644
--- a/tests/Feature/Auth/TwoFactorChallengeTest.php
+++ b/tests/Feature/Auth/TwoFactorChallengeTest.php
@@ -14,6 +14,10 @@ class TwoFactorChallengeTest extends TestCase
 
     public function test_two_factor_challenge_redirects_when_not_authenticated(): void
     {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
         $response = $this->get(route('two-factor.login'));
 
         $response->assertRedirect(route('login'));
@@ -25,6 +29,11 @@ public function test_two_factor_challenge_renders_correct_inertia_component(): v
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => true,
+        ]);
+
         $user = User::factory()->create();
 
         $user->forceFill([
@@ -51,10 +60,15 @@ public function test_two_factor_authentication_is_rate_limited(): void
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => true,
+        ]);
+
         $user = User::factory()->create();
 
         $user->forceFill([
-            'two_factor_secret' => encrypt('JBSWY3DPEHPK3PXP'),
+            'two_factor_secret' => encrypt(implode(range('A', 'P'))),
             'two_factor_recovery_codes' => encrypt(json_encode(['recovery-code-1', 'recovery-code-2'])),
             'two_factor_confirmed_at' => now(),
         ])->save();
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index b6998c20..e133c161 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -12,24 +12,9 @@ class TwoFactorAuthenticationTest extends TestCase
 {
     use RefreshDatabase;
 
-    public function test_two_factor_settings_page_requires_authentication()
+    public function test_two_factor_settings_page_is_displayed()
     {
-        if (!Features::canManageTwoFactorAuthentication()) {
-            $this->markTestSkipped('Two factor authentication is not enabled.');
-        }
-
-        Features::twoFactorAuthentication([
-            'confirm' => true,
-            'confirmPassword' => true,
-        ]);
-
-        $this->get(route('two-factor.show'))
-            ->assertRedirect(route('login'));
-    }
-
-    public function test_renders_two_factor_settings_component()
-    {
-        if (!Features::canManageTwoFactorAuthentication()) {
+        if (! Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
@@ -43,7 +28,7 @@ public function test_renders_two_factor_settings_component()
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()])
             ->get(route('two-factor.show'))
-            ->assertInertia(fn(Assert $page) => $page
+            ->assertInertia(fn (Assert $page) => $page
                 ->component('settings/TwoFactor')
                 ->where('twoFactorEnabled', false)
             );
@@ -51,9 +36,10 @@ public function test_renders_two_factor_settings_component()
 
     public function test_two_factor_settings_page_requires_password_confirmation()
     {
-        if (!Features::canManageTwoFactorAuthentication()) {
+        if (! Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
+
         $user = User::factory()->create();
 
         Features::twoFactorAuthentication([
@@ -67,35 +53,30 @@ public function test_two_factor_settings_page_requires_password_confirmation()
         $response->assertRedirect(route('password.confirm'));
     }
 
-    public function test_two_factor_settings_page_does_not_requires_password_confirmation_when_disabled()
+    public function test_two_factor_settings_page_does_not_requires_password_confirmation()
     {
-        if (!Features::canManageTwoFactorAuthentication()) {
+        if (! Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
         $user = User::factory()->create();
 
-         config(['fortify.features' => [
-            Features::twoFactorAuthentication([
-                'confirm' => false,
-                'confirmPassword' => false,
-            ]),
-        ]]);
-
-        // Debug what Features::optionEnabled returns
-        dump(Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword'));
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => false,
+        ]);
 
         $this->actingAs($user)
             ->get(route('two-factor.show'))
             ->assertOk()
-            ->assertInertia(fn(Assert $page) => $page
+            ->assertInertia(fn (Assert $page) => $page
                 ->component('settings/TwoFactor')
             );
     }
 
-    public function test_two_factor_authentication_disabled_returns_forbidden_when_disabled()
+    public function test_two_factor_settings_page_returns_forbidden_when_two_factor_is_disabled()
     {
-        if (!Features::canManageTwoFactorAuthentication()) {
+        if (! Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
@@ -109,44 +90,23 @@ public function test_two_factor_authentication_disabled_returns_forbidden_when_d
             ->assertForbidden();
     }
 
-    public function test_validates_two_factor_authentication_state_when_confirmation_disabled()
-    {
-        if (!Features::canManageTwoFactorAuthentication()) {
-            $this->markTestSkipped('Two factor authentication is not enabled.');
-        }
-
-        config(['fortify.features' => [
-            Features::twoFactorAuthentication([
-                'confirm' => true,
-                'confirmPassword' => true,
-            ]),
-        ]]);
-
-        $user = User::factory()->create();
-
-        $this->actingAs($user)
-            ->withSession(['auth.password_confirmed_at' => time()])
-            ->get(route('two-factor.show'))
-            ->assertOk();
-    }
-
-    public function test_validates_two_factor_authentication_state_when_confirmation_required_and_transitioning()
+    public function test_sets_confirming_session_when_enabling_two_factor_with_confirmation()
     {
-        if (!Features::canManageTwoFactorAuthentication()) {
+        if (! Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
-        config(['fortify.features' => [
-            Features::twoFactorAuthentication(['confirm' => true]),
-        ]]);
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => false,
+        ]);
 
         $user = User::factory()->create();
 
         $this->actingAs($user)
             ->withSession(['auth.password_confirmed_at' => time()])
-            ->withSession(['two_factor_empty_at' => time() - 10]);
-
-        $this->post(route('two-factor.enable'));
+            ->withSession(['two_factor_empty_at' => time() - 10])
+            ->post(route('two-factor.enable'));
 
         $this->get(route('two-factor.show'))
             ->assertOk();
@@ -154,57 +114,25 @@ public function test_validates_two_factor_authentication_state_when_confirmation
         $this->assertNotNull(session('two_factor_confirming_at'));
     }
 
-    public function test_validates_two_factor_authentication_state_when_user_never_finished_confirming()
-    {
-        if (!Features::canManageTwoFactorAuthentication()) {
-            $this->markTestSkipped('Two factor authentication is not enabled.');
-        }
-
-        config(['fortify.features' => [
-            Features::twoFactorAuthentication(['confirm' => true]),
-        ]]);
-
-        $user = User::factory()->create();
-
-        $user->forceFill([
-            'two_factor_secret' => encrypt('test-secret'),
-            'two_factor_recovery_codes' => encrypt(json_encode(['code1', 'code2'])),
-        ])->save();
-
-        $pastTime = time() - 10;
-
-        $this->actingAs($user)
-            ->withSession(['auth.password_confirmed_at' => time()])
-            ->withSession(['two_factor_confirming_at' => $pastTime]);
-
-        $response = $this->get(route('two-factor.show'));
-
-        $response->assertOk();
-
-        $this->assertNull($user->fresh()->two_factor_secret);
-        $this->assertNotNull(session('two_factor_empty_at'));
-        $this->assertNull(session('two_factor_confirming_at'));
-    }
-
-    public function test_validates_two_factor_authentication_state_when_confirmation_not_required()
+    public function test_user_can_view_setting_page_when_confirm_disabled()
     {
-        if (!Features::canManageTwoFactorAuthentication()) {
+        if (! Features::canManageTwoFactorAuthentication()) {
             $this->markTestSkipped('Two factor authentication is not enabled.');
         }
 
-        config(['fortify.features' => [
-            Features::twoFactorAuthentication(['confirm' => false]),
-        ]]);
+        Features::twoFactorAuthentication([
+            'confirm' => false,
+            'confirmPassword' => false,
+        ]);
 
         $user = User::factory()->create();
 
         $this->actingAs($user)
-            ->withSession(['auth.password_confirmed_at' => time()]);
-
-        $this->get(route('two-factor.show'))
-            ->assertOk();
-
-        $this->assertNull(session('two_factor_empty_at'));
-        $this->assertNull(session('two_factor_confirming_at'));
+            ->get(route('two-factor.show'))
+            ->assertOk()
+            ->assertInertia(fn (Assert $page) => $page
+                ->component('settings/TwoFactor')
+                ->where('requiresConfirmation', false)
+            );
     }
 }

From f8ca148a4c7be411553b740d10526e69e1a62aef Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 00:50:52 +0530
Subject: [PATCH 46/58] Remove comments

---
 resources/js/components/TwoFactorRecoveryCodes.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/TwoFactorRecoveryCodes.vue b/resources/js/components/TwoFactorRecoveryCodes.vue
index 635fa20a..6315cd9f 100644
--- a/resources/js/components/TwoFactorRecoveryCodes.vue
+++ b/resources/js/components/TwoFactorRecoveryCodes.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { regenerateRecoveryCodes } from '@/routes/two-factor'; // Update with route
+import { regenerateRecoveryCodes } from '@/routes/two-factor';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';

From b85a0d74f22b4597d63122fa6c1d050c97fb44bb Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 00:51:43 +0530
Subject: [PATCH 47/58] refactor: simplify toggleRecoveryCodesVisibility
 function signature

---
 resources/js/components/TwoFactorRecoveryCodes.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/TwoFactorRecoveryCodes.vue b/resources/js/components/TwoFactorRecoveryCodes.vue
index 6315cd9f..c4c39ad4 100644
--- a/resources/js/components/TwoFactorRecoveryCodes.vue
+++ b/resources/js/components/TwoFactorRecoveryCodes.vue
@@ -11,7 +11,7 @@ const { recoveryCodesList, fetchRecoveryCodes } = useTwoFactorAuth();
 const isRecoveryCodesVisible = ref<boolean>(false);
 const recoveryCodeSectionRef = ref<HTMLDivElement | null>(null);
 
-const toggleRecoveryCodesVisibility = async (): Promise<void> => {
+const toggleRecoveryCodesVisibility = async () => {
     if (!isRecoveryCodesVisible.value && !recoveryCodesList.value.length) {
         await fetchRecoveryCodes();
     }

From 7309dde01455e1d238a16b23c659e4e55b3afa1f Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 00:55:00 +0530
Subject: [PATCH 48/58] remove duplicate type defination

---
 resources/js/pages/auth/ConfirmPassword.vue    | 2 +-
 resources/js/pages/auth/TwoFactorChallenge.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/pages/auth/ConfirmPassword.vue b/resources/js/pages/auth/ConfirmPassword.vue
index 37377379..dbf8171b 100644
--- a/resources/js/pages/auth/ConfirmPassword.vue
+++ b/resources/js/pages/auth/ConfirmPassword.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { store } from '@/actions/Laravel/Fortify/Http/Controllers/ConfirmablePasswordController'
+import { store } from '@/routes/password/confirm'
 import InputError from '@/components/InputError.vue';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index 7fb1a9d6..c87ac4fb 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -14,7 +14,7 @@ interface AuthConfigContent {
     toggleText: string;
 }
 
-const authConfigContent = computed<AuthConfigContent>((): AuthConfigContent => {
+const authConfigContent = computed<AuthConfigContent>(() => {
     if (showRecoveryInput.value) {
         return {
             title: 'Recovery Code',

From 52b681e9d6cd8bff14a140f318c5bfb93f3ab4ef Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 00:56:13 +0530
Subject: [PATCH 49/58] fix type definition

---
 resources/js/pages/auth/TwoFactorChallenge.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index c87ac4fb..275c7fa1 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -30,7 +30,7 @@ const authConfigContent = computed<AuthConfigContent>(() => {
     };
 });
 
-const showRecoveryInput = ref(false);
+const showRecoveryInput = ref<boolean>(false);
 
 const toggleRecoveryMode = (clearErrors: () => void): void => {
     showRecoveryInput.value = !showRecoveryInput.value;

From b314f9379282c2a079365dd0b24189ac32d12d55 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 01:09:12 +0530
Subject: [PATCH 50/58] More Fixes

---
 resources/js/pages/settings/TwoFactor.vue     |  2 +-
 tests/Feature/Auth/AuthenticationTest.php     | 20 +++++++++----------
 tests/Feature/Auth/TwoFactorChallengeTest.php |  6 ++----
 3 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index d3b6060f..1b1f6ab6 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -31,7 +31,7 @@ const breadcrumbs: BreadcrumbItem[] = [
 ];
 
 const { qrCodeSvg, manualSetupKey } = useTwoFactorAuth();
-const showSetupModal = ref(false);
+const showSetupModal = ref<boolean>(false);
 const setupModalRef = ref<InstanceType<typeof TwoFactorSetupModal>>();
 </script>
 
diff --git a/tests/Feature/Auth/AuthenticationTest.php b/tests/Feature/Auth/AuthenticationTest.php
index 2abb5bad..3936b37c 100644
--- a/tests/Feature/Auth/AuthenticationTest.php
+++ b/tests/Feature/Auth/AuthenticationTest.php
@@ -13,7 +13,7 @@ class AuthenticationTest extends TestCase
 
     public function test_login_screen_can_be_rendered()
     {
-        $response = $this->get('/login');
+        $response = $this->get(route('login'));
 
         $response->assertStatus(200);
     }
@@ -22,7 +22,7 @@ public function test_users_can_authenticate_using_the_login_screen()
     {
         $user = User::factory()->create();
 
-        $response = $this->post('/login', [
+        $response = $this->post(route('login'), [
             'email' => $user->email,
             'password' => 'password',
         ]);
@@ -50,12 +50,12 @@ public function test_users_with_two_factor_enabled_are_redirected_to_two_factor_
             'two_factor_confirmed_at' => now(),
         ])->save();
 
-        $response = $this->post('/login', [
+        $response = $this->post(route('login'), [
             'email' => $user->email,
             'password' => 'password',
         ]);
 
-        $response->assertRedirect('/two-factor-challenge');
+        $response->assertRedirect(route('two-factor.login'));
         $response->assertSessionHas('login.id', $user->id);
         $this->assertGuest();
     }
@@ -64,7 +64,7 @@ public function test_users_without_two_factor_enabled_login_normally()
     {
         $user = User::factory()->create();
 
-        $response = $this->post('/login', [
+        $response = $this->post(route('login'), [
             'email' => $user->email,
             'password' => 'password',
         ]);
@@ -78,7 +78,7 @@ public function test_users_can_not_authenticate_with_invalid_password()
     {
         $user = User::factory()->create();
 
-        $this->post('/login', [
+        $this->post(route('login'), [
             'email' => $user->email,
             'password' => 'wrong-password',
         ]);
@@ -90,10 +90,10 @@ public function test_users_can_logout()
     {
         $user = User::factory()->create();
 
-        $response = $this->actingAs($user)->post('/logout');
+        $response = $this->actingAs($user)->post(route('logout'));
 
         $this->assertGuest();
-        $response->assertRedirect('/');
+        $response->assertRedirect(route('home'));
     }
 
     public function test_users_are_rate_limited()
@@ -101,7 +101,7 @@ public function test_users_are_rate_limited()
         $user = User::factory()->create();
 
         for ($i = 0; $i < 5; $i++) {
-            $this->post('/login', [
+            $this->post(route('login'), [
                 'email' => $user->email,
                 'password' => 'wrong-password',
             ])->assertStatus(302)->assertSessionHasErrors([
@@ -109,7 +109,7 @@ public function test_users_are_rate_limited()
             ]);
         }
 
-        $response = $this->post('/login', [
+        $response = $this->post(route('login'), [
             'email' => $user->email,
             'password' => 'wrong-password',
         ]);
diff --git a/tests/Feature/Auth/TwoFactorChallengeTest.php b/tests/Feature/Auth/TwoFactorChallengeTest.php
index 2eccda69..3128900c 100644
--- a/tests/Feature/Auth/TwoFactorChallengeTest.php
+++ b/tests/Feature/Auth/TwoFactorChallengeTest.php
@@ -81,15 +81,13 @@ public function test_two_factor_authentication_is_rate_limited(): void
         foreach (range(0, 4) as $ignored) {
             $this->post(route('two-factor.login.store'), [
                 'code' => '000000',
-            ])->assertStatus(302)->assertSessionHasErrors([
-                'code' => 'The provided two factor authentication code was invalid.',
-            ]);
+            ])->assertSessionHasErrors('code');
         }
 
         $response = $this->post(route('two-factor.login.store'), [
             'code' => '000000',
         ]);
 
-        $response->assertStatus(429);
+        $response->assertTooManyRequests();
     }
 }

From bfcb743916822b9fd2c6317a2789bcba86f47e80 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 01:11:29 +0530
Subject: [PATCH 51/58] fix types

---
 resources/js/pages/auth/TwoFactorChallenge.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/pages/auth/TwoFactorChallenge.vue b/resources/js/pages/auth/TwoFactorChallenge.vue
index 275c7fa1..6bd25fff 100644
--- a/resources/js/pages/auth/TwoFactorChallenge.vue
+++ b/resources/js/pages/auth/TwoFactorChallenge.vue
@@ -39,7 +39,7 @@ const toggleRecoveryMode = (clearErrors: () => void): void => {
 };
 
 const code = ref<number[]>([]);
-const codeValue = computed<string>((): string => code.value.join(''));
+const codeValue = computed<string>(() => code.value.join(''));
 </script>
 
 <template>

From afa80b5e55ffdfcc29b46b24f29c5f4cac6dac15 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 01:21:49 +0530
Subject: [PATCH 52/58] fix wayfinder routes

---
 .../Controllers/Settings/TwoFactorAuthenticationController.php | 2 +-
 resources/js/components/TwoFactorSetupModal.vue                | 2 +-
 resources/js/layouts/settings/Layout.vue                       | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 1780f5ff..6dbb2edb 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -29,7 +29,7 @@ public static function middleware(): array
     /**
      * Show the user's two-factor authentication settings page.
      */
-    public function show(Request $request): Response
+    public function edit(Request $request): Response
     {
         if (! Features::enabled(Features::twoFactorAuthentication())) {
             abort(HttpResponse::HTTP_FORBIDDEN, 'Two factor authentication is disabled.');
diff --git a/resources/js/components/TwoFactorSetupModal.vue b/resources/js/components/TwoFactorSetupModal.vue
index 96194ce4..2692327d 100644
--- a/resources/js/components/TwoFactorSetupModal.vue
+++ b/resources/js/components/TwoFactorSetupModal.vue
@@ -28,7 +28,7 @@ const { qrCodeSvg, manualSetupKey, fetchSetupData } = useTwoFactorAuth();
 
 const showVerificationStep = ref(false);
 const code = ref<number[]>([]);
-const codeValue = computed(() => code.value.join(''));
+const codeValue = computed<string>(() => code.value.join(''));
 
 const pinInputContainerRef = ref<HTMLElement | null>(null);
 
diff --git a/resources/js/layouts/settings/Layout.vue b/resources/js/layouts/settings/Layout.vue
index e57b729b..4ec38b46 100644
--- a/resources/js/layouts/settings/Layout.vue
+++ b/resources/js/layouts/settings/Layout.vue
@@ -5,6 +5,7 @@ import { Separator } from '@/components/ui/separator';
 import { appearance } from '@/routes';
 import { edit as editPassword } from '@/routes/password';
 import { edit } from '@/routes/profile';
+import { show } from '@/routes/two-factor';
 import { type NavItem } from '@/types';
 import { Link } from '@inertiajs/vue3';
 
@@ -19,7 +20,7 @@ const sidebarNavItems: NavItem[] = [
     },
     {
         title: 'Two-Factor Auth',
-        href: '/settings/two-factor',
+        href: show(),
     },
     {
         title: 'Appearance',

From e4bff4da21398090835cdd12b1c594052632f334 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 13:53:18 +0530
Subject: [PATCH 53/58] refactor ui to use defineModal and remove unnecessary
 things

---
 .../TwoFactorAuthenticationController.php     | 16 +++--
 .../js/components/TwoFactorSetupModal.vue     | 39 ++++++----
 resources/js/composables/useTwoFactorAuth.ts  | 21 ++++--
 resources/js/pages/settings/TwoFactor.vue     | 10 ++-
 .../Settings/TwoFactorAuthenticationTest.php  | 71 +++++++++++++++++++
 5 files changed, 124 insertions(+), 33 deletions(-)

diff --git a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
index 6dbb2edb..bb4fcd52 100644
--- a/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
+++ b/app/Http/Controllers/Settings/TwoFactorAuthenticationController.php
@@ -21,19 +21,21 @@ class TwoFactorAuthenticationController extends Controller implements HasMiddlew
      */
     public static function middleware(): array
     {
-        return Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword') ? [
-            new Middleware('password.confirm', only: ['show']),
-        ] : [];
+        return Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword')
+            ? [new Middleware('password.confirm', only: ['show'])]
+            : [];
     }
 
     /**
      * Show the user's two-factor authentication settings page.
      */
-    public function edit(Request $request): Response
+    public function show(Request $request): Response
     {
-        if (! Features::enabled(Features::twoFactorAuthentication())) {
-            abort(HttpResponse::HTTP_FORBIDDEN, 'Two factor authentication is disabled.');
-        }
+        abort_if(
+            ! Features::enabled(Features::twoFactorAuthentication()),
+            HttpResponse::HTTP_FORBIDDEN,
+            'Two factor authentication is disabled.'
+        );
 
         $this->validateTwoFactorAuthenticationState($request);
 
diff --git a/resources/js/components/TwoFactorSetupModal.vue b/resources/js/components/TwoFactorSetupModal.vue
index 2692327d..e1e9b667 100644
--- a/resources/js/components/TwoFactorSetupModal.vue
+++ b/resources/js/components/TwoFactorSetupModal.vue
@@ -11,20 +11,15 @@ import { Check, Copy, Loader2, ScanLine } from 'lucide-vue-next';
 import { computed, nextTick, ref, watch } from 'vue';
 
 interface Props {
-    isOpen: boolean;
     requiresConfirmation: boolean;
     twoFactorEnabled: boolean;
 }
 
-interface Emits {
-    (e: 'update:isOpen', value: boolean): void;
-}
-
 const props = defineProps<Props>();
-const emit = defineEmits<Emits>();
+const isOpen = defineModel<boolean>('isOpen');
 
 const { copy, copied } = useClipboard();
-const { qrCodeSvg, manualSetupKey, fetchSetupData } = useTwoFactorAuth();
+const { qrCodeSvg, manualSetupKey, clearSetupData, fetchSetupData } = useTwoFactorAuth();
 
 const showVerificationStep = ref(false);
 const code = ref<number[]>([]);
@@ -65,21 +60,35 @@ const handleModalNextStep = () => {
         return;
     }
 
-    emit('update:isOpen', false);
+    clearSetupData();
+    isOpen.value = false;
+};
+
+const resetModalState = () => {
+    if (props.twoFactorEnabled) {
+        clearSetupData();
+    }
+    showVerificationStep.value = false;
+    code.value = [];
 };
 
 watch(
-    () => props.isOpen,
-    (isOpen) => {
-        if (isOpen && !qrCodeSvg.value) {
-            fetchSetupData();
+    () => isOpen.value,
+    async (isOpen) => {
+        if (!isOpen) {
+            resetModalState();
+            return;
+        }
+
+        if (!qrCodeSvg.value) {
+            await fetchSetupData();
         }
     },
 );
 </script>
 
 <template>
-    <Dialog :open="isOpen" @update:open="emit('update:isOpen', $event)">
+    <Dialog :open="isOpen" @update:open="isOpen = $event">
         <DialogContent class="sm:max-w-md">
             <DialogHeader class="flex items-center justify-center">
                 <div class="mb-3 w-auto rounded-full border border-border bg-card p-0.5 shadow-sm">
@@ -146,8 +155,8 @@ watch(
                     <Form
                         v-bind="confirm.form()"
                         reset-on-error
-                        @error="code = []"
-                        @success="emit('update:isOpen', false)"
+                        @finish="resetModalState"
+                        @success="isOpen = false"
                         v-slot="{ errors, processing }"
                     >
                         <input type="hidden" name="code" :value="codeValue" />
diff --git a/resources/js/composables/useTwoFactorAuth.ts b/resources/js/composables/useTwoFactorAuth.ts
index 4d7c1fe8..a211176e 100644
--- a/resources/js/composables/useTwoFactorAuth.ts
+++ b/resources/js/composables/useTwoFactorAuth.ts
@@ -1,5 +1,5 @@
 import { qrCode, recoveryCodes, secretKey } from '@/routes/two-factor';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 
 const fetchJson = async <T>(url: string): Promise<T> => {
     const response = await fetch(url, {
@@ -13,11 +13,15 @@ const fetchJson = async <T>(url: string): Promise<T> => {
     return response.json();
 };
 
-export const useTwoFactorAuth = () => {
-    const qrCodeSvg = ref<string | null>(null);
-    const manualSetupKey = ref<string | null>(null);
-    const recoveryCodesList = ref<string[]>([]);
+const qrCodeSvg = ref<string | null>(null);
+const manualSetupKey = ref<string | null>(null);
+const recoveryCodesList = ref<string[]>([]);
+
+const hasSetupData = computed<boolean>(() => 
+    qrCodeSvg.value !== null && manualSetupKey.value !== null
+);
 
+export const useTwoFactorAuth = () => {
     const fetchQrCode = async (): Promise<void> => {
         const { svg } = await fetchJson<{ svg: string; url: string }>(qrCode.url());
         qrCodeSvg.value = svg;
@@ -28,6 +32,11 @@ export const useTwoFactorAuth = () => {
         manualSetupKey.value = key;
     };
 
+    const clearSetupData = (): void => {
+        manualSetupKey.value = null;
+        qrCodeSvg.value = null;
+    };
+
     const fetchRecoveryCodes = async (): Promise<void> => {
         try {
             recoveryCodesList.value = await fetchJson<string[]>(recoveryCodes.url());
@@ -51,6 +60,8 @@ export const useTwoFactorAuth = () => {
         qrCodeSvg,
         manualSetupKey,
         recoveryCodesList,
+        hasSetupData,
+        clearSetupData,
         fetchQrCode,
         fetchSetupKey,
         fetchSetupData,
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 1b1f6ab6..e5d74b2a 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -30,9 +30,8 @@ const breadcrumbs: BreadcrumbItem[] = [
     },
 ];
 
-const { qrCodeSvg, manualSetupKey } = useTwoFactorAuth();
+const { hasSetupData } = useTwoFactorAuth();
 const showSetupModal = ref<boolean>(false);
-const setupModalRef = ref<InstanceType<typeof TwoFactorSetupModal>>();
 </script>
 
 <template>
@@ -50,9 +49,9 @@ const setupModalRef = ref<InstanceType<typeof TwoFactorSetupModal>>();
                     </p>
 
                     <div>
-                        <Button v-if="qrCodeSvg && manualSetupKey" @click="showSetupModal = true"> <ShieldCheck />Enable </Button>
+                        <Button v-if="hasSetupData" @click="showSetupModal = true"> <ShieldCheck />Continue Setup </Button>
                         <Form v-else v-bind="enable.form()" @success="showSetupModal = true" #default="{ processing }">
-                            <Button type="submit" :disabled="processing"> <ShieldCheck />{{ processing ? 'Enabling...' : 'Enable' }} </Button>
+                            <Button type="submit" :disabled="processing"> <ShieldCheck />{{ processing ? 'Enabling...' : 'Enable 2FA' }} </Button>
                         </Form>
                     </div>
                 </div>
@@ -67,7 +66,7 @@ const setupModalRef = ref<InstanceType<typeof TwoFactorSetupModal>>();
                     <TwoFactorRecoveryCodes />
 
                     <div class="relative inline">
-                        <Form v-bind="disable.form()" method="delete" #default="{ processing }">
+                        <Form v-bind="disable.form()" :async="false" method="delete" #default="{ processing }">
                             <Button variant="destructive" type="submit" :disabled="processing">
                                 <ShieldBan />
                                 {{ processing ? 'Disabling...' : 'Disable 2FA' }}
@@ -77,7 +76,6 @@ const setupModalRef = ref<InstanceType<typeof TwoFactorSetupModal>>();
                 </div>
 
                 <TwoFactorSetupModal
-                    ref="setupModalRef"
                     v-model:isOpen="showSetupModal"
                     :requiresConfirmation="requiresConfirmation"
                     :twoFactorEnabled="twoFactorEnabled"
diff --git a/tests/Feature/Settings/TwoFactorAuthenticationTest.php b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
index e133c161..5fe6fdcc 100644
--- a/tests/Feature/Settings/TwoFactorAuthenticationTest.php
+++ b/tests/Feature/Settings/TwoFactorAuthenticationTest.php
@@ -135,4 +135,75 @@ public function test_user_can_view_setting_page_when_confirm_disabled()
                 ->where('requiresConfirmation', false)
             );
     }
+
+    public function test_sets_empty_session_when_transitioning_to_disabled_state()
+    {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => false,
+        ]);
+
+        $user = User::factory()->create();
+
+        $this->actingAs($user)
+            ->get(route('two-factor.show'))
+            ->assertSessionHas('two_factor_empty_at');
+    }
+
+    public function test_removes_confirming_session_when_cleanup_triggered()
+    {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => false,
+        ]);
+
+        $user = User::factory()->create();
+        $user->forceFill([
+            'two_factor_secret' => encrypt('test-secret'),
+            'two_factor_recovery_codes' => encrypt(json_encode(['code1', 'code2'])),
+        ])->save();
+
+        $this->actingAs($user)
+            ->withSession(['two_factor_confirming_at' => time() - 100])
+            ->get(route('two-factor.show'))
+            ->assertSessionMissing('two_factor_confirming_at')
+            ->assertSessionHas('two_factor_empty_at');
+    }
+
+    public function test_disables_two_factor_when_confirmation_abandoned_between_requests()
+    {
+        if (! Features::canManageTwoFactorAuthentication()) {
+            $this->markTestSkipped('Two factor authentication is not enabled.');
+        }
+
+        Features::twoFactorAuthentication([
+            'confirm' => true,
+            'confirmPassword' => false,
+        ]);
+
+        $user = User::factory()->create();
+        $user->forceFill([
+            'two_factor_secret' => encrypt('test-secret'),
+            'two_factor_recovery_codes' => encrypt(json_encode(['code1', 'code2'])),
+            'two_factor_confirmed_at' => null,
+        ])->save();
+
+        $this->actingAs($user)
+            ->withSession(['two_factor_confirming_at' => time() - 100])
+            ->get(route('two-factor.show'));
+
+        $this->assertDatabaseHas('users', [
+            'id' => $user->id,
+            'two_factor_secret' => null,
+            'two_factor_recovery_codes' => null,
+        ]);
+    }
 }

From c849deda504a5bff813fbf23ef2c8d9f165a54e1 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 15:00:01 +0530
Subject: [PATCH 54/58] remove unneeded async attribute

---
 resources/js/pages/settings/TwoFactor.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index e5d74b2a..267d1b5c 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -66,7 +66,7 @@ const showSetupModal = ref<boolean>(false);
                     <TwoFactorRecoveryCodes />
 
                     <div class="relative inline">
-                        <Form v-bind="disable.form()" :async="false" method="delete" #default="{ processing }">
+                        <Form v-bind="disable.form()" method="delete" #default="{ processing }">
                             <Button variant="destructive" type="submit" :disabled="processing">
                                 <ShieldBan />
                                 {{ processing ? 'Disabling...' : 'Disable 2FA' }}

From d073337c5dd37cf2a51ac7c95caf5fb738a4f013 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 18:08:06 +0530
Subject: [PATCH 55/58] remove redundant attribute action

---
 resources/js/pages/settings/TwoFactor.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index 267d1b5c..c9fc38cc 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -66,7 +66,7 @@ const showSetupModal = ref<boolean>(false);
                     <TwoFactorRecoveryCodes />
 
                     <div class="relative inline">
-                        <Form v-bind="disable.form()" method="delete" #default="{ processing }">
+                        <Form v-bind="disable.form()" #default="{ processing }">
                             <Button variant="destructive" type="submit" :disabled="processing">
                                 <ShieldBan />
                                 {{ processing ? 'Disabling...' : 'Disable 2FA' }}

From 00db8071be36df27428f27f507eddf9cbfe73ce5 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 19:11:53 +0530
Subject: [PATCH 56/58] fix: finish state

---
 resources/js/components/TwoFactorSetupModal.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/resources/js/components/TwoFactorSetupModal.vue b/resources/js/components/TwoFactorSetupModal.vue
index e1e9b667..09580458 100644
--- a/resources/js/components/TwoFactorSetupModal.vue
+++ b/resources/js/components/TwoFactorSetupModal.vue
@@ -152,13 +152,7 @@ watch(
                 </template>
 
                 <template v-else>
-                    <Form
-                        v-bind="confirm.form()"
-                        reset-on-error
-                        @finish="resetModalState"
-                        @success="isOpen = false"
-                        v-slot="{ errors, processing }"
-                    >
+                    <Form v-bind="confirm.form()" reset-on-error @finish="code = []" @success="isOpen = false" v-slot="{ errors, processing }">
                         <input type="hidden" name="code" :value="codeValue" />
                         <div ref="pinInputContainerRef" class="relative w-full space-y-3">
                             <div class="flex w-full flex-col items-center justify-center space-y-3 py-2">

From 5fdfd1d42e393b6028a0dbfcc5f2b42b8ee47293 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 19:19:16 +0530
Subject: [PATCH 57/58] fix: merge conflicts

---
 resources/js/pages/auth/ConfirmPassword.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/pages/auth/ConfirmPassword.vue b/resources/js/pages/auth/ConfirmPassword.vue
index 3f39a785..987a89a0 100644
--- a/resources/js/pages/auth/ConfirmPassword.vue
+++ b/resources/js/pages/auth/ConfirmPassword.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { store } from '@/routes/password/confirm'
 import InputError from '@/components/InputError.vue';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import AuthLayout from '@/layouts/AuthLayout.vue';
+import { store } from '@/routes/password/confirm';
 import { Form, Head } from '@inertiajs/vue3';
 import { LoaderCircle } from 'lucide-vue-next';
 </script>
@@ -13,7 +13,7 @@ import { LoaderCircle } from 'lucide-vue-next';
     <AuthLayout title="Confirm your password" description="This is a secure area of the application. Please confirm your password before continuing.">
         <Head title="Confirm password" />
 
-        <Form v-bind="ConfirmablePasswordController.store.form()" reset-on-success v-slot="{ errors, processing }">
+        <Form v-bind="store.form()" reset-on-success v-slot="{ errors, processing }">
             <div class="space-y-6">
                 <div class="grid gap-2">
                     <Label htmlFor="password">Password</Label>

From 3f3d9c71e7c8b2450d0fa0f3c6422f386e558717 Mon Sep 17 00:00:00 2001
From: Pushpak Chhajed <pushpak1300@gmail.com>
Date: Tue, 26 Aug 2025 21:09:48 +0530
Subject: [PATCH 58/58] state cleanup

---
 resources/js/composables/useTwoFactorAuth.ts | 10 +++++++---
 resources/js/pages/settings/TwoFactor.vue    |  8 ++++++--
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/resources/js/composables/useTwoFactorAuth.ts b/resources/js/composables/useTwoFactorAuth.ts
index a211176e..2b32562a 100644
--- a/resources/js/composables/useTwoFactorAuth.ts
+++ b/resources/js/composables/useTwoFactorAuth.ts
@@ -17,9 +17,7 @@ const qrCodeSvg = ref<string | null>(null);
 const manualSetupKey = ref<string | null>(null);
 const recoveryCodesList = ref<string[]>([]);
 
-const hasSetupData = computed<boolean>(() => 
-    qrCodeSvg.value !== null && manualSetupKey.value !== null
-);
+const hasSetupData = computed<boolean>(() => qrCodeSvg.value !== null && manualSetupKey.value !== null);
 
 export const useTwoFactorAuth = () => {
     const fetchQrCode = async (): Promise<void> => {
@@ -37,6 +35,11 @@ export const useTwoFactorAuth = () => {
         qrCodeSvg.value = null;
     };
 
+    const clearTwoFactorAuthData = (): void => {
+        clearSetupData();
+        recoveryCodesList.value = [];
+    };
+
     const fetchRecoveryCodes = async (): Promise<void> => {
         try {
             recoveryCodesList.value = await fetchJson<string[]>(recoveryCodes.url());
@@ -62,6 +65,7 @@ export const useTwoFactorAuth = () => {
         recoveryCodesList,
         hasSetupData,
         clearSetupData,
+        clearTwoFactorAuthData,
         fetchQrCode,
         fetchSetupKey,
         fetchSetupData,
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
index c9fc38cc..4d0e3e24 100644
--- a/resources/js/pages/settings/TwoFactor.vue
+++ b/resources/js/pages/settings/TwoFactor.vue
@@ -11,7 +11,7 @@ import { disable, enable, show } from '@/routes/two-factor';
 import { BreadcrumbItem } from '@/types';
 import { Form, Head } from '@inertiajs/vue3';
 import { ShieldBan, ShieldCheck } from 'lucide-vue-next';
-import { ref } from 'vue';
+import { onUnmounted, ref } from 'vue';
 
 interface Props {
     requiresConfirmation?: boolean;
@@ -30,8 +30,12 @@ const breadcrumbs: BreadcrumbItem[] = [
     },
 ];
 
-const { hasSetupData } = useTwoFactorAuth();
+const { hasSetupData, clearTwoFactorAuthData } = useTwoFactorAuth();
 const showSetupModal = ref<boolean>(false);
+
+onUnmounted(() => {
+    clearTwoFactorAuthData();
+});
 </script>
 
 <template>