diff --git a/app/Events/PerceptronInitialization.php b/app/Events/PerceptronInitialization.php
new file mode 100644
index 0000000..a7efc73
--- /dev/null
+++ b/app/Events/PerceptronInitialization.php
@@ -0,0 +1,49 @@
+<?php
+
+namespace App\Events;
+
+use App\Models\ActivationsFunctions;
+use Illuminate\Broadcasting\Channel;
+use Illuminate\Broadcasting\InteractsWithSockets;
+use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
+use Illuminate\Foundation\Events\Dispatchable;
+use Illuminate\Queue\SerializesModels;
+
+class PerceptronInitialization implements ShouldBroadcast
+{
+    use Dispatchable, InteractsWithSockets, SerializesModels;
+
+    /**
+     * Create a new event instance.
+     */
+    public function __construct(
+        public array $dataset,
+        public ActivationsFunctions $activationFunction,
+        public string $sessionId,
+        public string $trainingId,
+    )
+    {
+        //
+    }
+
+    /**
+     * Get the channels the event should broadcast on.
+     *
+     * @return array<int, \Illuminate\Broadcasting\Channel>
+     */
+    public function broadcastOn(): array
+    {
+        return [
+            new Channel($this->sessionId . '-perceptron-training'),
+        ];
+    }
+
+    public function broadcastWith(): array
+    {
+        return [
+            'dataset' => $this->dataset,
+            'activationFunction' => $this->activationFunction,
+            'trainingId' => $this->trainingId,
+        ];
+    }
+}
diff --git a/app/Events/PerceptronTrainingEnded.php b/app/Events/PerceptronTrainingEnded.php
index 206443d..8561d10 100644
--- a/app/Events/PerceptronTrainingEnded.php
+++ b/app/Events/PerceptronTrainingEnded.php
@@ -20,6 +20,7 @@ class PerceptronTrainingEnded implements ShouldBroadcast
     public function __construct(
         public string $reason,
         public string $sessionId,
+        public string $trainingId,
     )
     {
         //
@@ -41,6 +42,7 @@ class PerceptronTrainingEnded implements ShouldBroadcast
     {
         return [
             'reason' => $this->reason,
+            'trainingId' => $this->trainingId,
         ];
     }
 }
diff --git a/app/Events/PerceptronTrainingIteration.php b/app/Events/PerceptronTrainingIteration.php
index 440a07a..0c1004b 100644
--- a/app/Events/PerceptronTrainingIteration.php
+++ b/app/Events/PerceptronTrainingIteration.php
@@ -17,11 +17,9 @@ class PerceptronTrainingIteration implements ShouldBroadcast
      * Create a new event instance.
      */
     public function __construct(
-        public int $iteration,
-        public int $exampleIndex,
-        public float $error,
-        public array $synaptic_weights,
+        public array $iterations, // ["iteration" => int, "exampleIndex" => int, "error" => float, "synaptic_weights" => array]
         public string $sessionId,
+        public string $trainingId,
     )
     {
         //
@@ -43,10 +41,8 @@ class PerceptronTrainingIteration implements ShouldBroadcast
     public function broadcastWith(): array
     {
         return [
-            'iteration' => $this->iteration,
-            'exampleIndex' => $this->exampleIndex,
-            'error' => $this->error,
-            'synaptic_weights' => $this->synaptic_weights,
+            'iterations' => $this->iterations,
+            'trainingId' => $this->trainingId,
         ];
     }
 }
diff --git a/app/Http/Controllers/PerceptronController.php b/app/Http/Controllers/PerceptronController.php
index da2e120..0be336f 100644
--- a/app/Http/Controllers/PerceptronController.php
+++ b/app/Http/Controllers/PerceptronController.php
@@ -3,8 +3,11 @@
 namespace App\Http\Controllers;
 
 use App\Models\SimplePerceptron;
+use App\Models\SimplePerceptronTraining;
 use App\Services\DataSetReader;
-use App\Services\ISynapticWeights;
+use App\Services\ISynapticWeightsProvider;
+use App\Services\PerceptronIterationEventBuffer;
+use App\Services\ZeroSynapticWeights;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Log;
 
@@ -16,111 +19,86 @@ class PerceptronController extends Controller
     public function index(Request $request)
     {
         $perceptronType = $request->query('type', 'simple');
-        $dataSet = $request->input('data_set', 'logic_and');
-        $dataSetReader = $this->getDataSetReader($dataSet);
+
+        $learningRate = 0.1;
+        $maxIterations = 100;
+
+        switch ($perceptronType) {
+            case 'simple':
+                $learningRate = 0.015;
+                $maxIterations = 100;
+                break;
+        }
 
         return inertia('PerceptronViewer', [
             'type' => $perceptronType,
             'sessionId' => session()->getId(),
-            'dataset' => $dataSetReader->lines,
-            'csrf_token' => csrf_token(),
+            'datasets' => $this->getDatasets(),
+            'minError' => 0.01,
+            'learningRate' => $learningRate,
+            'maxIterations' => $maxIterations,
         ]);
     }
 
+    private function getDatasets(): array
+    {
+        $dataSetsDirectory = public_path('data_sets');
+        $files = scandir($dataSetsDirectory);
+        $datasets = [];
+        foreach ($files as $file) {
+            if (pathinfo($file, PATHINFO_EXTENSION) === 'csv') {
+                $dataset = [];
+                $dataset['label'] = str_replace('.csv', '', $file);
+                $dataSetReader = new DataSetReader($dataSetsDirectory . '/' . $file);
+                $dataset['data'] = $dataSetReader->lines;
+
+                switch ($dataset['label']) {
+                    case '2.9':
+                        $dataset['defaultLearningRate'] = 0.015;
+                        break;
+                }
+                $datasets[] = $dataset;
+            }
+        }
+        return $datasets;
+    }
+
     private function getDataSetReader(string $dataSet): DataSetReader
     {
         $dataSetFileName = "data_sets/{$dataSet}.csv";
         return new DataSetReader($dataSetFileName);
     }
 
-    public function run(Request $request, ISynapticWeights $synapticWeightsProvider)
+    public function run(Request $request, ISynapticWeightsProvider $synapticWeightsProvider)
     {
-        $perceptronType = $request->query('type', 'simple');
-        $minError = $request->query('min_error', 0.01);
-        $dataSet = $request->input('data_set', 'logic_and');
-        $learningRate = $request->input('learning_rate', 0.1);
+        $perceptronType = $request->input('type', 'simple');
+        $minError = $request->input('min_error', 0.01);
+        $weightInitMethod = $request->input('weight_init_method', 'random');
+        $dataSet = $request->input('dataset');
+        $learningRate = $request->input('learning_rate', 0.015);
+        $maxIterations = $request->input('max_iterations', 100);
         $sessionId = $request->input('session_id', session()->getId());
+        $trainingId = $request->input('training_id');
+
+        if ($weightInitMethod === 'zeros') {
+            $synapticWeightsProvider = new ZeroSynapticWeights();
+        }
 
         $dataSetReader = $this->getDataSetReader($dataSet);
 
-        $MAX_ITERATIONS = 100;
-        $stopCondition;
-        $trainFunction;
-        $trainFunctionState = [];
+        $iterationEventBuffer = new PerceptronIterationEventBuffer($sessionId, $trainingId);
 
-        switch ($perceptronType) {
-            case 'simple':
-                $stopCondition = function($iteration, $iterationErrorCounter) use ($sessionId) {
-                    $condition = $iterationErrorCounter == 0;
-                    if ($condition === true) {
-                        Log::info("Perceptron training ended after {$iteration} iterations with no errors.");
-                        event(new \App\Events\PerceptronTrainingEnded('Le perceptron ne commet plus d\'erreurs sur aucune des données', $sessionId));
-                    }
-                    return $iterationErrorCounter == 0;
-                };
-                $iterationFunction = function(&$state) use ($synapticWeightsProvider, $learningRate, $minError) {
-                    if (!isset($state['perceptron'])) {
-                        $state['perceptron'] = new SimplePerceptron($synapticWeightsProvider->generate(2));
-                    }
+        $networkTraining = match ($perceptronType) {
+            'simple' => new SimplePerceptronTraining($dataSetReader, $learningRate, $maxIterations, $synapticWeightsProvider, $iterationEventBuffer, $sessionId, $trainingId),
+            default => null,
+        };
 
-                    $perceptron = $state['perceptron'];
-                    $inputs = $state['inputs'];
-                    $correctOutput = $state['correctOutput'];
-                    $iterationErrorCounter = $state['iterationErrorCounter'] ?? 0;
+        event(new \App\Events\PerceptronInitialization($dataSetReader->lines, $networkTraining->activationFunction, $sessionId, $trainingId));
 
-                    $output = $perceptron->test($inputs);
-
-                    $error = $correctOutput - $output;
-                    if (abs($error) > $minError) {
-                        $iterationErrorCounter++;
-                    }
-
-                    if ($error !== 0) { // Update synaptic weights if needed
-                        $synaptic_weights = $perceptron->getSynapticWeights();
-                        $inputs_with_bias = array_merge([1], $inputs); // Add bias input
-                        $new_weights = array_map(fn($weight, $input) => $weight + $learningRate * $error * $input, $synaptic_weights, $inputs_with_bias);
-                        $perceptron->setSynapticWeights($new_weights);
-                    }
-
-                    return [$error, $perceptron->getSynapticWeights(), $iterationErrorCounter, $state];
-                };
-                break;
-            default:
-                return response()->json(['error' => 'Invalid perceptron type'], 400);
-        }
-
-        $iteration = 0;
-        $error = 1.0; // Initial error
-        do {
-            $iterationErrorCounter = 0;
-            $iteration++;
-
-            while ($nextRow = $dataSetReader->getRandomLine()) {
-                $inputs = array_slice($nextRow, 0, -1);
-                $correctOutput = end($nextRow);
-                $trainFunctionState['inputs'] = $inputs;
-                $trainFunctionState['correctOutput'] = $correctOutput;
-                $trainFunctionState['iterationErrorCounter'] = $iterationErrorCounter;
-
-                [$error, $synaptic_weights, $iterationErrorCounter, $trainFunctionState] = $iterationFunction($trainFunctionState);
-
-                $error = abs($error); // Use absolute error
-
-                // Broadcast the training iteration event
-                event(new \App\Events\PerceptronTrainingIteration($iteration, $dataSetReader->getLastReadLineIndex(), $error, $synaptic_weights, $sessionId));
-            }
-            $dataSetReader->reset(); // Reset the dataset for the next iteration
-        } while ($iteration < $MAX_ITERATIONS && !$stopCondition($iteration, $iterationErrorCounter));
-
-        if ($iteration >= $MAX_ITERATIONS) {
-            event(new \App\Events\PerceptronTrainingEnded('Le nombre maximal d\'itérations a été atteint', $sessionId));
-        }
+        $networkTraining->start();
 
         return response()->json([
             'message' => 'Training completed',
-            'iterations' => $iteration,
-            'final_error' => $error,
-            'final_synaptic_weights' => isset($trainFunctionState['perceptron']) ? $trainFunctionState['perceptron']->getSynapticWeights() : [0],
         ]);
     }
 }
diff --git a/app/Http/Middleware/HandleAppearance.php b/app/Http/Middleware/HandleAppearance.php
index 1a01684..38e0ce8 100644
--- a/app/Http/Middleware/HandleAppearance.php
+++ b/app/Http/Middleware/HandleAppearance.php
@@ -16,7 +16,7 @@ class HandleAppearance
      */
     public function handle(Request $request, Closure $next): Response
     {
-        View::share('appearance', $request->cookie('appearance') ?? 'system');
+        View::share('appearance', 'dark');
 
         return $next($request);
     }
diff --git a/app/Models/ActivationsFunctions.php b/app/Models/ActivationsFunctions.php
new file mode 100644
index 0000000..fb26ecc
--- /dev/null
+++ b/app/Models/ActivationsFunctions.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace App\Models;
+
+enum ActivationsFunctions: string
+{
+    case STEP = 'step';
+    case SIGMOID = 'sigmoid';
+    case RELU = 'relu';
+}
diff --git a/app/Models/NetworkTraining.php b/app/Models/NetworkTraining.php
new file mode 100644
index 0000000..74b485b
--- /dev/null
+++ b/app/Models/NetworkTraining.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Models;
+
+use App\Events\PerceptronTrainingEnded;
+use App\Services\DataSetReader;
+use App\Services\PerceptronIterationEventBuffer;
+
+abstract class NetworkTraining
+{
+    protected int $iteration = 0;
+
+    /**
+     * @abstract
+     * @var ActivationsFunctions
+     */
+    public ActivationsFunctions $activationFunction;
+
+    public function __construct(
+        protected DataSetReader $datasetReader,
+        protected int $maxIterations,
+        protected PerceptronIterationEventBuffer $iterationEventBuffer,
+        protected string $sessionId,
+        protected string $trainingId,
+    ) {
+    }
+
+    abstract public function start() : void;
+    abstract protected function stopCondition(): bool;
+
+    protected function checkPassedMaxIterations() {
+        if ($this->iteration >= $this->maxIterations) {
+            event(new PerceptronTrainingEnded('Le nombre maximal d\'itérations a été atteint', $this->sessionId, $this->trainingId));
+        }
+    }
+
+    protected function addIterationToBuffer(float $error, array $synapticWeights) {
+        $this->iterationEventBuffer->addIteration($this->iteration, $this->datasetReader->getLastReadLineIndex(), $error, $synapticWeights);
+    }
+}
diff --git a/app/Models/Perceptron.php b/app/Models/Perceptron.php
index 05c3ece..b4c8cf7 100644
--- a/app/Models/Perceptron.php
+++ b/app/Models/Perceptron.php
@@ -9,7 +9,7 @@ abstract class Perceptron extends Model
     public function __construct(
         private array $synaptic_weights,
     ) {
-        $this->synaptic_weights = $synaptic_weights; // Add bias weight
+        $this->synaptic_weights = $synaptic_weights;
     }
 
     public function test(array $inputs): int
@@ -24,7 +24,7 @@ abstract class Perceptron extends Model
         return $this->activationFunction($weighted_sum);
     }
 
-    abstract protected function activationFunction(float $weighted_sum): int;
+    abstract public function activationFunction(float $weighted_sum): int;
 
     public function getSynapticWeights(): array
     {
diff --git a/app/Models/SimplePerceptron.php b/app/Models/SimplePerceptron.php
index 9b5de93..1ec5331 100644
--- a/app/Models/SimplePerceptron.php
+++ b/app/Models/SimplePerceptron.php
@@ -10,7 +10,7 @@ class SimplePerceptron extends Perceptron {
         parent::__construct($synaptic_weights);
     }
 
-    protected function activationFunction(float $weighted_sum): int
+    public function activationFunction(float $weighted_sum): int
     {
         return $weighted_sum >= 0 ? 1 : 0;
     }
diff --git a/app/Models/SimplePerceptronTraining.php b/app/Models/SimplePerceptronTraining.php
new file mode 100644
index 0000000..d10c14f
--- /dev/null
+++ b/app/Models/SimplePerceptronTraining.php
@@ -0,0 +1,87 @@
+<?php
+
+namespace App\Models;
+
+use App\Events\PerceptronTrainingEnded;
+use App\Services\DataSetReader;
+use App\Services\ISynapticWeightsProvider;
+use App\Services\PerceptronIterationEventBuffer;
+use Illuminate\Support\Facades\Log;
+
+class SimplePerceptronTraining extends NetworkTraining
+{
+    private Perceptron $perceptron;
+    private int $iterationErrorCounter = 0;
+
+    public ActivationsFunctions $activationFunction = ActivationsFunctions::STEP;
+
+    public const MIN_ERROR = 0;
+
+    public function __construct(
+        DataSetReader $datasetReader,
+        protected float $learningRate,
+        int $maxIterations,
+        protected ISynapticWeightsProvider $synapticWeightsProvider,
+        PerceptronIterationEventBuffer $iterationEventBuffer,
+        string $sessionId,
+        string $trainingId,
+    ) {
+        parent::__construct($datasetReader, $maxIterations, $iterationEventBuffer, $sessionId, $trainingId);
+        $this->perceptron = new SimplePerceptron($synapticWeightsProvider->generate(2));
+    }
+
+    public function start(): void
+    {
+        $this->iteration = 0;
+        $error = 0;
+        do {
+            $this->iterationErrorCounter = 0;
+            $this->iteration++;
+
+            while ($nextRow = $this->datasetReader->getRandomLine()) {
+                $inputs = array_slice($nextRow, 0, -1);
+                $correctOutput = end($nextRow);
+                $correctOutput = $correctOutput > 0 ? 1 : 0; // Modify labels for non binary datasets
+
+                $error = $this->iterationFunction($inputs, $correctOutput);
+
+                $error = abs($error); // Use absolute error
+
+                // Broadcast the training iteration event
+                $this->addIterationToBuffer($error, [[$this->perceptron->getSynapticWeights()]]);
+            }
+            $this->datasetReader->reset(); // Reset the dataset for the next iteration
+        } while ($this->iteration < $this->maxIterations && !$this->stopCondition());
+
+        $this->iterationEventBuffer->flush(); // Ensure all iterations are sent to the frontend
+
+        $this->checkPassedMaxIterations();
+    }
+
+    protected function stopCondition(): bool
+    {
+        $condition = $this->iterationErrorCounter == 0;
+        if ($condition === true) {
+            event(new PerceptronTrainingEnded('Le perceptron ne commet plus d\'erreurs sur aucune des données', $this->sessionId, $this->trainingId));
+        }
+        return $this->iterationErrorCounter == 0;
+    }
+
+    private function iterationFunction(array $inputs, int $correctOutput)
+    {
+        $output = $this->perceptron->test($inputs);
+
+        $error = $correctOutput - $output;
+        if (abs($error) > $this::MIN_ERROR) {
+            $this->iterationErrorCounter++;
+        }
+
+        if ($error !== 0) { // Update synaptic weights if needed
+            $synaptic_weights = $this->perceptron->getSynapticWeights();
+            $inputs_with_bias = array_merge([1], $inputs); // Add bias input
+            $new_weights = array_map(fn($weight, $input) => $weight + $this->learningRate * $error * $input, $synaptic_weights, $inputs_with_bias);
+            $this->perceptron->setSynapticWeights($new_weights);
+        }
+        return $error;
+    }
+}
diff --git a/app/Providers/InitialSynapticWeightsProvider.php b/app/Providers/InitialSynapticWeightsProvider.php
index 3c2654f..6dcb2e7 100644
--- a/app/Providers/InitialSynapticWeightsProvider.php
+++ b/app/Providers/InitialSynapticWeightsProvider.php
@@ -2,7 +2,7 @@
 
 namespace App\Providers;
 
-use App\Services\ISynapticWeights;
+use App\Services\ISynapticWeightsProvider;
 use App\Services\RandomSynapticWeights;
 use Illuminate\Support\ServiceProvider;
 
@@ -13,7 +13,7 @@ class InitialSynapticWeightsProvider extends ServiceProvider
      */
     public function register(): void
     {
-        $this->app->singleton(ISynapticWeights::class, function ($app) {
+        $this->app->singleton(ISynapticWeightsProvider::class, function ($app) {
             return new RandomSynapticWeights();
         });
     }
diff --git a/app/Services/CsvReader.php b/app/Services/CsvReader.php
index 0ce1369..c38b928 100644
--- a/app/Services/CsvReader.php
+++ b/app/Services/CsvReader.php
@@ -12,7 +12,7 @@ class CsvReader {
         public string $filename,
     )
     {
-        $this->file = fopen(public_path($filename), "r");
+        $this->file = fopen($filename, "r");
         if (!$this->file) {
             throw new \RuntimeException("Failed to open file: " . $filename);
         }
diff --git a/app/Services/ISynapticWeights.php b/app/Services/ISynapticWeightsProvider.php
similarity index 70%
rename from app/Services/ISynapticWeights.php
rename to app/Services/ISynapticWeightsProvider.php
index aef999d..f315f9f 100644
--- a/app/Services/ISynapticWeights.php
+++ b/app/Services/ISynapticWeightsProvider.php
@@ -2,6 +2,6 @@
 
 namespace App\Services;
 
-interface ISynapticWeights {
+interface ISynapticWeightsProvider {
     public function generate(int $input_size): array;
 }
diff --git a/app/Services/PerceptronIterationEventBuffer.php b/app/Services/PerceptronIterationEventBuffer.php
new file mode 100644
index 0000000..9dae95b
--- /dev/null
+++ b/app/Services/PerceptronIterationEventBuffer.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace App\Services;
+
+use Illuminate\Support\Facades\Log;
+
+class PerceptronIterationEventBuffer {
+    private $data;
+    private int $nextSizeIncreaseThreshold;
+    private int $underSizeIncreaseCount = 0;
+
+    private int $MAX_SIZE = 50;
+
+    public function __construct(
+        private string $sessionId,
+        private string $trainingId,
+        private int $sizeIncreaseStart = 10,
+        private int $sizeIncreaseFactor = 2,
+    ) {
+        $this->data = [];
+        $this->nextSizeIncreaseThreshold = $sizeIncreaseStart;
+    }
+
+    public function flush(): void {
+        event(new \App\Events\PerceptronTrainingIteration($this->data, $this->sessionId, $this->trainingId));
+        $this->data = [];
+    }
+
+    public function addIteration(int $iteration, int $exampleIndex, float $error, array $synaptic_weights): void {
+        $this->data[] = [
+            "iteration" => $iteration,
+            "exampleIndex" => $exampleIndex,
+            "error" => $error,
+            "weights" => $synaptic_weights,
+        ];
+
+        if ($this->underSizeIncreaseCount <= $this->sizeIncreaseStart) { // We can still send a single date because we are under the increase start threshold
+            $this->underSizeIncreaseCount++;
+            $this->flush();
+        }
+        else if (count($this->data) >= $this->nextSizeIncreaseThreshold) {
+            $this->flush();
+            $this->nextSizeIncreaseThreshold *= $this->sizeIncreaseFactor;
+
+            if ($this->nextSizeIncreaseThreshold > $this->MAX_SIZE) {
+                $this->nextSizeIncreaseThreshold = $this->MAX_SIZE; // Cap the threshold to the maximum size
+            }
+        }
+    }
+}
diff --git a/app/Services/RandomSynapticWeights.php b/app/Services/RandomSynapticWeights.php
index 32fb649..5991cd5 100644
--- a/app/Services/RandomSynapticWeights.php
+++ b/app/Services/RandomSynapticWeights.php
@@ -2,7 +2,7 @@
 
 namespace App\Services;
 
-class RandomSynapticWeights implements ISynapticWeights {
+class RandomSynapticWeights implements ISynapticWeightsProvider {
     public function generate(int $input_size): array
     {
         $weights = [];
diff --git a/app/Services/ZeroSynapticWeights.php b/app/Services/ZeroSynapticWeights.php
new file mode 100644
index 0000000..1433b73
--- /dev/null
+++ b/app/Services/ZeroSynapticWeights.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Services;
+
+class ZeroSynapticWeights implements ISynapticWeightsProvider {
+    public function generate(int $input_size): array
+    {
+        $weights = [];
+        for ($i = 0; $i < $input_size + 1; $i++) { // +1 for bias weight
+            $weights[] = 0; // Zero weights
+        }
+        return $weights;
+    }
+}
diff --git a/package-lock.json b/package-lock.json
index 66caaa2..9f63955 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,19 +6,23 @@
         "": {
             "dependencies": {
                 "@inertiajs/vue3": "^2.3.7",
+                "@vee-validate/zod": "^4.15.1",
                 "@vueuse/core": "^12.8.2",
                 "chart.js": "^4.5.1",
                 "class-variance-authority": "^0.7.1",
                 "clsx": "^2.1.1",
                 "laravel-vite-plugin": "^2.0.0",
                 "lucide-vue-next": "^0.468.0",
-                "reka-ui": "^2.6.1",
+                "radix-ui": "^1.4.3",
+                "reka-ui": "^2.9.0",
                 "tailwind-merge": "^3.2.0",
                 "tailwindcss": "^4.1.1",
                 "tw-animate-css": "^1.2.5",
+                "vee-validate": "^4.15.1",
                 "vue": "^3.5.13",
                 "vue-chartjs": "^5.3.3",
-                "vue-input-otp": "^0.3.2"
+                "vue-input-otp": "^0.3.2",
+                "zod": "^3.25.76"
             },
             "devDependencies": {
                 "@eslint/js": "^9.19.0",
@@ -694,26 +698,38 @@
             }
         },
         "node_modules/@floating-ui/core": {
-            "version": "1.7.4",
-            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.4.tgz",
-            "integrity": "sha512-C3HlIdsBxszvm5McXlB8PeOEWfBhcGBTZGkGlWc2U0KFY5IwG5OQEuQ8rq52DZmcHDlPLd+YFBK+cZcytwIFWg==",
+            "version": "1.7.5",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz",
+            "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==",
             "dependencies": {
-                "@floating-ui/utils": "^0.2.10"
+                "@floating-ui/utils": "^0.2.11"
             }
         },
         "node_modules/@floating-ui/dom": {
-            "version": "1.7.5",
-            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.5.tgz",
-            "integrity": "sha512-N0bD2kIPInNHUHehXhMke1rBGs1dwqvC9O9KYMyyjK7iXt7GAhnro7UlcuYcGdS/yYOlq0MAVgrow8IbWJwyqg==",
+            "version": "1.7.6",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.6.tgz",
+            "integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==",
             "dependencies": {
-                "@floating-ui/core": "^1.7.4",
-                "@floating-ui/utils": "^0.2.10"
+                "@floating-ui/core": "^1.7.5",
+                "@floating-ui/utils": "^0.2.11"
+            }
+        },
+        "node_modules/@floating-ui/react-dom": {
+            "version": "2.1.8",
+            "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.8.tgz",
+            "integrity": "sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==",
+            "dependencies": {
+                "@floating-ui/dom": "^1.7.6"
+            },
+            "peerDependencies": {
+                "react": ">=16.8.0",
+                "react-dom": ">=16.8.0"
             }
         },
         "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=="
+            "version": "0.2.11",
+            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz",
+            "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg=="
         },
         "node_modules/@floating-ui/vue": {
             "version": "1.1.10",
@@ -956,6 +972,1444 @@
                 "node": ">= 8"
             }
         },
+        "node_modules/@radix-ui/number": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.1.tgz",
+            "integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g=="
+        },
+        "node_modules/@radix-ui/primitive": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+            "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg=="
+        },
+        "node_modules/@radix-ui/react-accessible-icon": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-accessible-icon/-/react-accessible-icon-1.1.7.tgz",
+            "integrity": "sha512-XM+E4WXl0OqUJFovy6GjmxxFyx9opfCAIUku4dlKRd5YEPqt4kALOkQOp0Of6reHuUkJuiPBEc5k0o4z4lTC8A==",
+            "dependencies": {
+                "@radix-ui/react-visually-hidden": "1.2.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-accordion": {
+            "version": "1.2.12",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.2.12.tgz",
+            "integrity": "sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-collapsible": "1.1.12",
+                "@radix-ui/react-collection": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-alert-dialog": {
+            "version": "1.1.15",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.15.tgz",
+            "integrity": "sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-dialog": "1.1.15",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-slot": "1.2.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-arrow": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.7.tgz",
+            "integrity": "sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==",
+            "dependencies": {
+                "@radix-ui/react-primitive": "2.1.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-aspect-ratio": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-aspect-ratio/-/react-aspect-ratio-1.1.7.tgz",
+            "integrity": "sha512-Yq6lvO9HQyPwev1onK1daHCHqXVLzPhSVjmsNjCa2Zcxy2f7uJD2itDtxknv6FzAKCwD1qQkeVDmX/cev13n/g==",
+            "dependencies": {
+                "@radix-ui/react-primitive": "2.1.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-avatar": {
+            "version": "1.1.10",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.10.tgz",
+            "integrity": "sha512-V8piFfWapM5OmNCXTzVQY+E1rDa53zY+MQ4Y7356v4fFz6vqCyUtIz2rUD44ZEdwg78/jKmMJHj07+C/Z/rcog==",
+            "dependencies": {
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-is-hydrated": "0.1.0",
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-checkbox": {
+            "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.3.3.tgz",
+            "integrity": "sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-previous": "1.1.1",
+                "@radix-ui/react-use-size": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-collapsible": {
+            "version": "1.1.12",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.12.tgz",
+            "integrity": "sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-collection": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
+            "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-slot": "1.2.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-compose-refs": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+            "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-context": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+            "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-context-menu": {
+            "version": "2.2.16",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-context-menu/-/react-context-menu-2.2.16.tgz",
+            "integrity": "sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-menu": "2.1.16",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-controllable-state": "1.2.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-dialog": {
+            "version": "1.1.15",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz",
+            "integrity": "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-dismissable-layer": "1.1.11",
+                "@radix-ui/react-focus-guards": "1.1.3",
+                "@radix-ui/react-focus-scope": "1.1.7",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-portal": "1.1.9",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-slot": "1.2.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "aria-hidden": "^1.2.4",
+                "react-remove-scroll": "^2.6.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-direction": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
+            "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-dismissable-layer": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz",
+            "integrity": "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-escape-keydown": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-dropdown-menu": {
+            "version": "2.1.16",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.16.tgz",
+            "integrity": "sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-menu": "2.1.16",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-focus-guards": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz",
+            "integrity": "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-focus-scope": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz",
+            "integrity": "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-form": {
+            "version": "0.1.8",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-form/-/react-form-0.1.8.tgz",
+            "integrity": "sha512-QM70k4Zwjttifr5a4sZFts9fn8FzHYvQ5PiB19O2HsYibaHSVt9fH9rzB0XZo/YcM+b7t/p7lYCT/F5eOeF5yQ==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-label": "2.1.7",
+                "@radix-ui/react-primitive": "2.1.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-hover-card": {
+            "version": "1.1.15",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.15.tgz",
+            "integrity": "sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-dismissable-layer": "1.1.11",
+                "@radix-ui/react-popper": "1.2.8",
+                "@radix-ui/react-portal": "1.1.9",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-id": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+            "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
+            "dependencies": {
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-label": {
+            "version": "2.1.7",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.7.tgz",
+            "integrity": "sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ==",
+            "dependencies": {
+                "@radix-ui/react-primitive": "2.1.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-menu": {
+            "version": "2.1.16",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.16.tgz",
+            "integrity": "sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-collection": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-dismissable-layer": "1.1.11",
+                "@radix-ui/react-focus-guards": "1.1.3",
+                "@radix-ui/react-focus-scope": "1.1.7",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-popper": "1.2.8",
+                "@radix-ui/react-portal": "1.1.9",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-roving-focus": "1.1.11",
+                "@radix-ui/react-slot": "1.2.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "aria-hidden": "^1.2.4",
+                "react-remove-scroll": "^2.6.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-menubar": {
+            "version": "1.1.16",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-menubar/-/react-menubar-1.1.16.tgz",
+            "integrity": "sha512-EB1FktTz5xRRi2Er974AUQZWg2yVBb1yjip38/lgwtCVRd3a+maUoGHN/xs9Yv8SY8QwbSEb+YrxGadVWbEutA==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-collection": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-menu": "2.1.16",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-roving-focus": "1.1.11",
+                "@radix-ui/react-use-controllable-state": "1.2.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-navigation-menu": {
+            "version": "1.2.14",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.14.tgz",
+            "integrity": "sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-collection": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-dismissable-layer": "1.1.11",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-layout-effect": "1.1.1",
+                "@radix-ui/react-use-previous": "1.1.1",
+                "@radix-ui/react-visually-hidden": "1.2.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-one-time-password-field": {
+            "version": "0.1.8",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-one-time-password-field/-/react-one-time-password-field-0.1.8.tgz",
+            "integrity": "sha512-ycS4rbwURavDPVjCb5iS3aG4lURFDILi6sKI/WITUMZ13gMmn/xGjpLoqBAalhJaDk8I3UbCM5GzKHrnzwHbvg==",
+            "dependencies": {
+                "@radix-ui/number": "1.1.1",
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-collection": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-roving-focus": "1.1.11",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-effect-event": "0.0.2",
+                "@radix-ui/react-use-is-hydrated": "0.1.0",
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-password-toggle-field": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-password-toggle-field/-/react-password-toggle-field-0.1.3.tgz",
+            "integrity": "sha512-/UuCrDBWravcaMix4TdT+qlNdVwOM1Nck9kWx/vafXsdfj1ChfhOdfi3cy9SGBpWgTXwYCuboT/oYpJy3clqfw==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-effect-event": "0.0.2",
+                "@radix-ui/react-use-is-hydrated": "0.1.0"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-popover": {
+            "version": "1.1.15",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.15.tgz",
+            "integrity": "sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-dismissable-layer": "1.1.11",
+                "@radix-ui/react-focus-guards": "1.1.3",
+                "@radix-ui/react-focus-scope": "1.1.7",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-popper": "1.2.8",
+                "@radix-ui/react-portal": "1.1.9",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-slot": "1.2.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "aria-hidden": "^1.2.4",
+                "react-remove-scroll": "^2.6.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-popper": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.8.tgz",
+            "integrity": "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==",
+            "dependencies": {
+                "@floating-ui/react-dom": "^2.0.0",
+                "@radix-ui/react-arrow": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-layout-effect": "1.1.1",
+                "@radix-ui/react-use-rect": "1.1.1",
+                "@radix-ui/react-use-size": "1.1.1",
+                "@radix-ui/rect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-portal": {
+            "version": "1.1.9",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.9.tgz",
+            "integrity": "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==",
+            "dependencies": {
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-presence": {
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
+            "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-primitive": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+            "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+            "dependencies": {
+                "@radix-ui/react-slot": "1.2.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-progress": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.7.tgz",
+            "integrity": "sha512-vPdg/tF6YC/ynuBIJlk1mm7Le0VgW6ub6J2UWnTQ7/D23KXcPI1qy+0vBkgKgd38RCMJavBXpB83HPNFMTb0Fg==",
+            "dependencies": {
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-radio-group": {
+            "version": "1.3.8",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.3.8.tgz",
+            "integrity": "sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-roving-focus": "1.1.11",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-previous": "1.1.1",
+                "@radix-ui/react-use-size": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-roving-focus": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.11.tgz",
+            "integrity": "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-collection": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-controllable-state": "1.2.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-scroll-area": {
+            "version": "1.2.10",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.10.tgz",
+            "integrity": "sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==",
+            "dependencies": {
+                "@radix-ui/number": "1.1.1",
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-select": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.2.6.tgz",
+            "integrity": "sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==",
+            "dependencies": {
+                "@radix-ui/number": "1.1.1",
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-collection": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-dismissable-layer": "1.1.11",
+                "@radix-ui/react-focus-guards": "1.1.3",
+                "@radix-ui/react-focus-scope": "1.1.7",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-popper": "1.2.8",
+                "@radix-ui/react-portal": "1.1.9",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-slot": "1.2.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-layout-effect": "1.1.1",
+                "@radix-ui/react-use-previous": "1.1.1",
+                "@radix-ui/react-visually-hidden": "1.2.3",
+                "aria-hidden": "^1.2.4",
+                "react-remove-scroll": "^2.6.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-separator": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.7.tgz",
+            "integrity": "sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA==",
+            "dependencies": {
+                "@radix-ui/react-primitive": "2.1.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-slider": {
+            "version": "1.3.6",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-slider/-/react-slider-1.3.6.tgz",
+            "integrity": "sha512-JPYb1GuM1bxfjMRlNLE+BcmBC8onfCi60Blk7OBqi2MLTFdS+8401U4uFjnwkOr49BLmXxLC6JHkvAsx5OJvHw==",
+            "dependencies": {
+                "@radix-ui/number": "1.1.1",
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-collection": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-layout-effect": "1.1.1",
+                "@radix-ui/react-use-previous": "1.1.1",
+                "@radix-ui/react-use-size": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-slot": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+            "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+            "dependencies": {
+                "@radix-ui/react-compose-refs": "1.1.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-switch": {
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.2.6.tgz",
+            "integrity": "sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-previous": "1.1.1",
+                "@radix-ui/react-use-size": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-tabs": {
+            "version": "1.1.13",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.13.tgz",
+            "integrity": "sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-roving-focus": "1.1.11",
+                "@radix-ui/react-use-controllable-state": "1.2.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-toast": {
+            "version": "1.2.15",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.2.15.tgz",
+            "integrity": "sha512-3OSz3TacUWy4WtOXV38DggwxoqJK4+eDkNMl5Z/MJZaoUPaP4/9lf81xXMe1I2ReTAptverZUpbPY4wWwWyL5g==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-collection": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-dismissable-layer": "1.1.11",
+                "@radix-ui/react-portal": "1.1.9",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-layout-effect": "1.1.1",
+                "@radix-ui/react-visually-hidden": "1.2.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-toggle": {
+            "version": "1.1.10",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.10.tgz",
+            "integrity": "sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-toggle-group": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.1.11.tgz",
+            "integrity": "sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-roving-focus": "1.1.11",
+                "@radix-ui/react-toggle": "1.1.10",
+                "@radix-ui/react-use-controllable-state": "1.2.2"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-toolbar": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.1.11.tgz",
+            "integrity": "sha512-4ol06/1bLoFu1nwUqzdD4Y5RZ9oDdKeiHIsntug54Hcr1pgaHiPqHFEaXI1IFP/EsOfROQZ8Mig9VTIRza6Tjg==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-roving-focus": "1.1.11",
+                "@radix-ui/react-separator": "1.1.7",
+                "@radix-ui/react-toggle-group": "1.1.11"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-tooltip": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.8.tgz",
+            "integrity": "sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-dismissable-layer": "1.1.11",
+                "@radix-ui/react-id": "1.1.1",
+                "@radix-ui/react-popper": "1.2.8",
+                "@radix-ui/react-portal": "1.1.9",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-slot": "1.2.3",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-visually-hidden": "1.2.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-callback-ref": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
+            "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-controllable-state": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+            "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+            "dependencies": {
+                "@radix-ui/react-use-effect-event": "0.0.2",
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-effect-event": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
+            "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
+            "dependencies": {
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-escape-keydown": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
+            "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
+            "dependencies": {
+                "@radix-ui/react-use-callback-ref": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-is-hydrated": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.0.tgz",
+            "integrity": "sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==",
+            "dependencies": {
+                "use-sync-external-store": "^1.5.0"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-layout-effect": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+            "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-previous": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
+            "integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-rect": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.1.tgz",
+            "integrity": "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==",
+            "dependencies": {
+                "@radix-ui/rect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-use-size": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.1.tgz",
+            "integrity": "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==",
+            "dependencies": {
+                "@radix-ui/react-use-layout-effect": "1.1.1"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/react-visually-hidden": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
+            "integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
+            "dependencies": {
+                "@radix-ui/react-primitive": "2.1.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@radix-ui/rect": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.1.tgz",
+            "integrity": "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw=="
+        },
         "node_modules/@rolldown/pluginutils": {
             "version": "1.0.0-rc.2",
             "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.2.tgz",
@@ -2097,6 +3551,29 @@
                 "win32"
             ]
         },
+        "node_modules/@vee-validate/zod": {
+            "version": "4.15.1",
+            "resolved": "https://registry.npmjs.org/@vee-validate/zod/-/zod-4.15.1.tgz",
+            "integrity": "sha512-329Z4TDBE5Vx0FdbA8S4eR9iGCFFUNGbxjpQ20ff5b5wGueScjocUIx9JHPa79LTG06RnlUR4XogQsjN4tecKA==",
+            "dependencies": {
+                "type-fest": "^4.8.3",
+                "vee-validate": "4.15.1"
+            },
+            "peerDependencies": {
+                "zod": "^3.24.0"
+            }
+        },
+        "node_modules/@vee-validate/zod/node_modules/type-fest": {
+            "version": "4.41.0",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+            "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+            "engines": {
+                "node": ">=16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/@vitejs/plugin-vue": {
             "version": "6.0.4",
             "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.4.tgz",
@@ -2195,6 +3672,36 @@
                 "he": "^1.2.0"
             }
         },
+        "node_modules/@vue/devtools-api": {
+            "version": "7.7.9",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-7.7.9.tgz",
+            "integrity": "sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==",
+            "dependencies": {
+                "@vue/devtools-kit": "^7.7.9"
+            }
+        },
+        "node_modules/@vue/devtools-kit": {
+            "version": "7.7.9",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz",
+            "integrity": "sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==",
+            "dependencies": {
+                "@vue/devtools-shared": "^7.7.9",
+                "birpc": "^2.3.0",
+                "hookable": "^5.5.3",
+                "mitt": "^3.0.1",
+                "perfect-debounce": "^1.0.0",
+                "speakingurl": "^14.0.1",
+                "superjson": "^2.2.2"
+            }
+        },
+        "node_modules/@vue/devtools-shared": {
+            "version": "7.7.9",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz",
+            "integrity": "sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==",
+            "dependencies": {
+                "rfdc": "^1.4.1"
+            }
+        },
         "node_modules/@vue/eslint-config-typescript": {
             "version": "14.7.0",
             "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-14.7.0.tgz",
@@ -2600,6 +4107,14 @@
                 "node": "18 || 20 || >=22"
             }
         },
+        "node_modules/birpc": {
+            "version": "2.9.0",
+            "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.9.0.tgz",
+            "integrity": "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==",
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
         "node_modules/boolbase": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -2815,6 +4330,20 @@
                 "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
             }
         },
+        "node_modules/copy-anything": {
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-4.0.5.tgz",
+            "integrity": "sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==",
+            "dependencies": {
+                "is-what": "^5.2.0"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/mesqueeb"
+            }
+        },
         "node_modules/cross-spawn": {
             "version": "7.0.6",
             "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -2982,6 +4511,11 @@
                 "node": ">=8"
             }
         },
+        "node_modules/detect-node-es": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+            "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
+        },
         "node_modules/doctrine": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
@@ -4009,6 +5543,14 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/get-nonce": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+            "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/get-proto": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
@@ -4200,6 +5742,11 @@
                 "he": "bin/he"
             }
         },
+        "node_modules/hookable": {
+            "version": "5.5.3",
+            "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
+            "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ=="
+        },
         "node_modules/ignore": {
             "version": "5.3.2",
             "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -4633,6 +6180,17 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/is-what": {
+            "version": "5.5.0",
+            "resolved": "https://registry.npmjs.org/is-what/-/is-what-5.5.0.tgz",
+            "integrity": "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/mesqueeb"
+            }
+        },
         "node_modules/isarray": {
             "version": "2.0.5",
             "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
@@ -5117,6 +6675,11 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/mitt": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+            "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw=="
+        },
         "node_modules/ms": {
             "version": "2.1.3",
             "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -5380,6 +6943,11 @@
             "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
             "dev": true
         },
+        "node_modules/perfect-debounce": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+            "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA=="
+        },
         "node_modules/picocolors": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -5612,6 +7180,169 @@
                 }
             ]
         },
+        "node_modules/radix-ui": {
+            "version": "1.4.3",
+            "resolved": "https://registry.npmjs.org/radix-ui/-/radix-ui-1.4.3.tgz",
+            "integrity": "sha512-aWizCQiyeAenIdUbqEpXgRA1ya65P13NKn/W8rWkcN0OPkRDxdBVLWnIEDsS2RpwCK2nobI7oMUSmexzTDyAmA==",
+            "dependencies": {
+                "@radix-ui/primitive": "1.1.3",
+                "@radix-ui/react-accessible-icon": "1.1.7",
+                "@radix-ui/react-accordion": "1.2.12",
+                "@radix-ui/react-alert-dialog": "1.1.15",
+                "@radix-ui/react-arrow": "1.1.7",
+                "@radix-ui/react-aspect-ratio": "1.1.7",
+                "@radix-ui/react-avatar": "1.1.10",
+                "@radix-ui/react-checkbox": "1.3.3",
+                "@radix-ui/react-collapsible": "1.1.12",
+                "@radix-ui/react-collection": "1.1.7",
+                "@radix-ui/react-compose-refs": "1.1.2",
+                "@radix-ui/react-context": "1.1.2",
+                "@radix-ui/react-context-menu": "2.2.16",
+                "@radix-ui/react-dialog": "1.1.15",
+                "@radix-ui/react-direction": "1.1.1",
+                "@radix-ui/react-dismissable-layer": "1.1.11",
+                "@radix-ui/react-dropdown-menu": "2.1.16",
+                "@radix-ui/react-focus-guards": "1.1.3",
+                "@radix-ui/react-focus-scope": "1.1.7",
+                "@radix-ui/react-form": "0.1.8",
+                "@radix-ui/react-hover-card": "1.1.15",
+                "@radix-ui/react-label": "2.1.7",
+                "@radix-ui/react-menu": "2.1.16",
+                "@radix-ui/react-menubar": "1.1.16",
+                "@radix-ui/react-navigation-menu": "1.2.14",
+                "@radix-ui/react-one-time-password-field": "0.1.8",
+                "@radix-ui/react-password-toggle-field": "0.1.3",
+                "@radix-ui/react-popover": "1.1.15",
+                "@radix-ui/react-popper": "1.2.8",
+                "@radix-ui/react-portal": "1.1.9",
+                "@radix-ui/react-presence": "1.1.5",
+                "@radix-ui/react-primitive": "2.1.3",
+                "@radix-ui/react-progress": "1.1.7",
+                "@radix-ui/react-radio-group": "1.3.8",
+                "@radix-ui/react-roving-focus": "1.1.11",
+                "@radix-ui/react-scroll-area": "1.2.10",
+                "@radix-ui/react-select": "2.2.6",
+                "@radix-ui/react-separator": "1.1.7",
+                "@radix-ui/react-slider": "1.3.6",
+                "@radix-ui/react-slot": "1.2.3",
+                "@radix-ui/react-switch": "1.2.6",
+                "@radix-ui/react-tabs": "1.1.13",
+                "@radix-ui/react-toast": "1.2.15",
+                "@radix-ui/react-toggle": "1.1.10",
+                "@radix-ui/react-toggle-group": "1.1.11",
+                "@radix-ui/react-toolbar": "1.1.11",
+                "@radix-ui/react-tooltip": "1.2.8",
+                "@radix-ui/react-use-callback-ref": "1.1.1",
+                "@radix-ui/react-use-controllable-state": "1.2.2",
+                "@radix-ui/react-use-effect-event": "0.0.2",
+                "@radix-ui/react-use-escape-keydown": "1.1.1",
+                "@radix-ui/react-use-is-hydrated": "0.1.0",
+                "@radix-ui/react-use-layout-effect": "1.1.1",
+                "@radix-ui/react-use-size": "1.1.1",
+                "@radix-ui/react-visually-hidden": "1.2.3"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "@types/react-dom": "*",
+                "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+                "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                },
+                "@types/react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/react": {
+            "version": "19.2.4",
+            "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
+            "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
+            "peer": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/react-dom": {
+            "version": "19.2.4",
+            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
+            "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
+            "peer": true,
+            "dependencies": {
+                "scheduler": "^0.27.0"
+            },
+            "peerDependencies": {
+                "react": "^19.2.4"
+            }
+        },
+        "node_modules/react-remove-scroll": {
+            "version": "2.7.2",
+            "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.2.tgz",
+            "integrity": "sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==",
+            "dependencies": {
+                "react-remove-scroll-bar": "^2.3.7",
+                "react-style-singleton": "^2.2.3",
+                "tslib": "^2.1.0",
+                "use-callback-ref": "^1.3.3",
+                "use-sidecar": "^1.1.3"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/react-remove-scroll-bar": {
+            "version": "2.3.8",
+            "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+            "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
+            "dependencies": {
+                "react-style-singleton": "^2.2.2",
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/react-style-singleton": {
+            "version": "2.2.3",
+            "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+            "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
+            "dependencies": {
+                "get-nonce": "^1.0.0",
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/reflect.getprototypeof": {
             "version": "1.0.10",
             "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
@@ -5655,9 +7386,9 @@
             }
         },
         "node_modules/reka-ui": {
-            "version": "2.8.2",
-            "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.8.2.tgz",
-            "integrity": "sha512-8lTKcJhmG+D3UyJxhBnNnW/720sLzm0pbA9AC1MWazmJ5YchJAyTSl+O00xP/kxBmEN0fw5JqWVHguiFmsGjzA==",
+            "version": "2.9.0",
+            "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.9.0.tgz",
+            "integrity": "sha512-5dpp80u109iLTbRBu+jhAk8R/877/JN20gYGjb3GsuAgS7E/5QTX5ZxuzWtZAVbChBDYDpXc8pkaQAFpa6s+4w==",
             "dependencies": {
                 "@floating-ui/dom": "^1.6.13",
                 "@floating-ui/vue": "^1.1.6",
@@ -5675,7 +7406,7 @@
                 "url": "https://github.com/sponsors/zernonia"
             },
             "peerDependencies": {
-                "vue": ">= 3.2.0"
+                "vue": ">= 3.4.0"
             }
         },
         "node_modules/reka-ui/node_modules/@vueuse/core": {
@@ -5770,6 +7501,11 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/rfdc": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+            "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA=="
+        },
         "node_modules/rollup": {
             "version": "4.59.0",
             "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
@@ -5921,6 +7657,12 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/scheduler": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+            "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+            "peer": true
+        },
         "node_modules/semver": {
             "version": "7.7.4",
             "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
@@ -6118,6 +7860,14 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/speakingurl": {
+            "version": "14.0.1",
+            "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
+            "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/stable-hash-x": {
             "version": "0.2.0",
             "resolved": "https://registry.npmjs.org/stable-hash-x/-/stable-hash-x-0.2.0.tgz",
@@ -6243,6 +7993,17 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/superjson": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.6.tgz",
+            "integrity": "sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==",
+            "dependencies": {
+                "copy-anything": "^4"
+            },
+            "engines": {
+                "node": ">=16"
+            }
+        },
         "node_modules/supports-color": {
             "version": "8.1.1",
             "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
@@ -6604,12 +8365,84 @@
                 "punycode": "^2.1.0"
             }
         },
+        "node_modules/use-callback-ref": {
+            "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+            "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
+            "dependencies": {
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/use-sidecar": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
+            "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
+            "dependencies": {
+                "detect-node-es": "^1.1.0",
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "*",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/use-sync-external-store": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+            "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+            "peerDependencies": {
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+            }
+        },
         "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
         },
+        "node_modules/vee-validate": {
+            "version": "4.15.1",
+            "resolved": "https://registry.npmjs.org/vee-validate/-/vee-validate-4.15.1.tgz",
+            "integrity": "sha512-DkFsiTwEKau8VIxyZBGdO6tOudD+QoUBPuHj3e6QFqmbfCRj1ArmYWue9lEp6jLSWBIw4XPlDLjFIZNLdRAMSg==",
+            "dependencies": {
+                "@vue/devtools-api": "^7.5.2",
+                "type-fest": "^4.8.3"
+            },
+            "peerDependencies": {
+                "vue": "^3.4.26"
+            }
+        },
+        "node_modules/vee-validate/node_modules/type-fest": {
+            "version": "4.41.0",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+            "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+            "engines": {
+                "node": ">=16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/vite": {
             "version": "7.3.1",
             "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
@@ -7031,6 +8864,14 @@
             "funding": {
                 "url": "https://github.com/sponsors/sindresorhus"
             }
+        },
+        "node_modules/zod": {
+            "version": "3.25.76",
+            "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+            "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+            "funding": {
+                "url": "https://github.com/sponsors/colinhacks"
+            }
         }
     }
 }
diff --git a/package.json b/package.json
index a17b13a..bc38233 100644
--- a/package.json
+++ b/package.json
@@ -37,19 +37,23 @@
     },
     "dependencies": {
         "@inertiajs/vue3": "^2.3.7",
+        "@vee-validate/zod": "^4.15.1",
         "@vueuse/core": "^12.8.2",
         "chart.js": "^4.5.1",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "laravel-vite-plugin": "^2.0.0",
         "lucide-vue-next": "^0.468.0",
-        "reka-ui": "^2.6.1",
+        "radix-ui": "^1.4.3",
+        "reka-ui": "^2.9.0",
         "tailwind-merge": "^3.2.0",
         "tailwindcss": "^4.1.1",
         "tw-animate-css": "^1.2.5",
+        "vee-validate": "^4.15.1",
         "vue": "^3.5.13",
         "vue-chartjs": "^5.3.3",
-        "vue-input-otp": "^0.3.2"
+        "vue-input-otp": "^0.3.2",
+        "zod": "^3.25.76"
     },
     "optionalDependencies": {
         "@rollup/rollup-linux-x64-gnu": "4.9.5",
diff --git a/public/data_sets/2.9.csv b/public/data_sets/2.9.csv
new file mode 100644
index 0000000..9b7e19e
--- /dev/null
+++ b/public/data_sets/2.9.csv
@@ -0,0 +1,22 @@
+x_1, x_2, d
+1, 6, 1
+7, 9, -1
+1, 9, 1
+7, 10, -1
+2, 5, -1
+2, 7, 1
+2, 8, 1
+6, 8, -1
+6, 9, -1
+3, 5, -1
+3, 6, -1
+3, 8, 1
+3, 9, 1
+5, 7, -1
+5, 8, -1
+5, 10, 1
+5, 11, 1
+4, 6, -1
+4, 7, -1
+4, 9, 1
+4, 10, 1
diff --git a/public/data_sets/logic_xor.csv b/public/data_sets/logic_xor.csv
new file mode 100644
index 0000000..8b15159
--- /dev/null
+++ b/public/data_sets/logic_xor.csv
@@ -0,0 +1,5 @@
+x_1, x_2, d
+0, 0, 1
+0, 1, 0
+1, 0, 0
+1, 1, 1
diff --git a/resources/js/components/IterationTable.vue b/resources/js/components/IterationTable.vue
new file mode 100644
index 0000000..a99f02c
--- /dev/null
+++ b/resources/js/components/IterationTable.vue
@@ -0,0 +1,52 @@
+<script setup lang="ts">
+import { computed, ComputedRef } from 'vue';
+import type { Iteration } from '@/types/perceptron';
+
+const props = defineProps<{
+    iterations: Iteration[];
+    trainingEnded: boolean;
+    trainingEndReason: string;
+}>();
+
+// All weight in a simple array
+const allWeightPerIteration: ComputedRef<number[][]> = computed(() => {
+    return props.iterations.map((iteration) => {
+        // We flatten the weights
+        return iteration.weights.flat(2);
+    });
+});
+</script>
+
+<template>
+    <table class="table w-full border-collapse border border-gray-300">
+        <tr class="text-left" v-if="props.iterations.length > 0">
+            <th>Itération</th>
+            <th>Exemple</th>
+            <th v-for="(weight, index) in allWeightPerIteration[allWeightPerIteration.length - 1]" v-bind:key="index">
+                X<sub>{{ index }}</sub>
+            </th>
+            <th>Erreur</th>
+        </tr>
+        <tr
+            v-for="(iteration, index) in props.iterations"
+            v-bind:key="index"
+            :class="{
+                'bg-gray-900': iteration.iteration % 2 === 0,
+            }"
+        >
+            <td>{{ iteration.iteration }}</td>
+            <td>{{ iteration.exampleIndex }}</td>
+            <td v-for="(weight, index) in allWeightPerIteration[index]" v-bind:key="index">
+                {{ weight.toFixed(2) }}
+            </td>
+            <td>{{ iteration.error.toFixed(2) }}</td>
+        </tr>
+
+        <tr v-if="props.trainingEnded" class="bg-red-900 text-center">
+            <td colspan="100%">
+                <strong>Entraînement terminé :</strong>
+                {{ props.trainingEndReason }}
+            </td>
+        </tr>
+    </table>
+</template>
diff --git a/resources/js/components/PerceptronDecisionGraph.vue b/resources/js/components/PerceptronDecisionGraph.vue
new file mode 100644
index 0000000..68876d1
--- /dev/null
+++ b/resources/js/components/PerceptronDecisionGraph.vue
@@ -0,0 +1,188 @@
+<script setup lang="ts">
+import type {
+    ChartDataset,
+    ChartTypeRegistry,
+    BubbleDataPoint,
+    Point,
+} from 'chart.js';
+import { Chart } from 'vue-chartjs';
+import type { Iteration } from '@/types/perceptron';
+import { colors } from '@/types/graphs';
+import { computed } from 'vue';
+
+const props = defineProps<{
+    cleanedDataset: { label: number; data: { x: number; y: number }[] }[];
+    iterations: Iteration[];
+    activationFunction: (x: number) => number;
+}>();
+
+const farLeftDataPointX = computed(() => {
+    if (props.cleanedDataset.length === 0) {
+        return 0;
+    }
+    const minX = Math.min(...props.cleanedDataset.flatMap((d) => d.data.map((point) => point.x)));
+    return minX;
+});
+const farRightDataPointX = computed(() => {
+    if (props.cleanedDataset.length === 0) {
+        return 0;
+    }
+    const maxX = Math.max(...props.cleanedDataset.flatMap((d) => d.data.map((point) => point.x)));
+    return maxX;
+});
+
+function getPerceptronDecisionBoundaryDataset(
+    networkWeights: number[][][],
+    activationFunction: (x: number) => number = (x) => x,
+): ChartDataset<
+    keyof ChartTypeRegistry,
+    number | Point | [number, number] | BubbleDataPoint | null
+> {
+    const label = 'Ligne de décision du Perceptron';
+    console.log('Calculating decision boundary with weights:', networkWeights);
+
+    if (
+        networkWeights.length == 1 &&
+        networkWeights[0].length == 1 &&
+        networkWeights[0][0].length == 3
+    ) {
+        // Unique, 3 weights perceptron
+        const perceptronWeights = networkWeights[0][0]; // We take the unique
+
+        function perceptronLine(x: number): number {
+            // w0 + w1*x + w2*y = 0 => y = -(w1/w2)*x - w0/w2
+            return -(perceptronWeights[1] / perceptronWeights[2]) * x - perceptronWeights[0] / perceptronWeights[2];
+        }
+
+        // Simple line
+        return {
+            type: 'line',
+            label: label,
+            data: [
+                {
+                    x: farLeftDataPointX.value - 1,
+                    y: perceptronLine(farLeftDataPointX.value - 1),
+                },
+                {
+                    x: farRightDataPointX.value + 1,
+                    y: perceptronLine(farRightDataPointX.value + 1),
+                },
+            ],
+            borderColor: '#FFF',
+            borderWidth: 2,
+            pointRadius: 0,
+        };
+    } else {
+        function forward(x1: number, x2: number): number {
+            let activations: number[] = [x1, x2];
+
+            for (const layer of networkWeights) {
+                const nextActivations: number[] = [];
+
+                for (const neuron of layer) {
+                    const bias = neuron[0];
+                    const weights = neuron.slice(1);
+
+                    let sum = bias;
+
+                    for (let i = 0; i < weights.length; i++) {
+                        sum += weights[i] * activations[i];
+                    }
+
+                    const activated = activationFunction(sum);
+
+                    nextActivations.push(activated);
+                }
+
+                activations = nextActivations;
+            }
+
+            return activations[0]; // on suppose sortie unique
+        }
+
+        // -------- 2️⃣ Échantillonnage grille --------
+        const decisionBoundary: Point[] = [];
+        const min = -2;
+        const max = 2;
+        const step = 0.03;
+        const epsilon = 0.01;
+
+        for (let x = min; x <= max; x += step) {
+            for (let y = min; y <= max; y += step) {
+                const value = forward(x, y);
+
+                if (Math.abs(value) < epsilon) {
+                    decisionBoundary.push({ x, y });
+                }
+            }
+        }
+
+        // -------- 3️⃣ Dataset ChartJS --------
+        return {
+            type: 'scatter',
+            label: label,
+            data: decisionBoundary,
+            backgroundColor: '#FFFFFF',
+            pointRadius: 1,
+        };
+    }
+}
+</script>
+
+<template>
+    <Chart
+        v-if="props.cleanedDataset.length > 0 || props.iterations.length > 0"
+        class="flex"
+        :options="{
+            responsive: true,
+            maintainAspectRatio: true,
+            plugins: {
+                legend: {
+                    position: 'top',
+                },
+                title: {
+                    display: true,
+                    text: 'Ligne de décision du Perceptron',
+                },
+            },
+            layout: {
+                padding: {
+                    left: 10,
+                    right: 10,
+                    top: 10,
+                    bottom: 10,
+                },
+            },
+            scales: {
+                x: {
+                    type: 'linear',
+                    position: 'bottom',
+                },
+                y: {
+                    type: 'linear',
+                    position: 'left',
+                },
+            },
+        }"
+        :data="{
+            datasets: [
+                // Points from the dataset
+                ...props.cleanedDataset.map((dataset, index) => ({
+                    type: 'scatter',
+                    label: `Label ${dataset.label}`,
+                    data: dataset.data,
+                    backgroundColor:
+                        colors[index] || '#AAA',
+                })),
+
+                // Perceptron decision boundary
+                getPerceptronDecisionBoundaryDataset(
+                    props.iterations.length > 0
+                        ? props.iterations[props.iterations.length - 1].weights
+                        : [[[0, 0, 0]]],
+                    props.activationFunction,
+                ),
+            ],
+        }"
+    />
+</template>
diff --git a/resources/js/components/PerceptronIterationsErrorsGraph.vue b/resources/js/components/PerceptronIterationsErrorsGraph.vue
new file mode 100644
index 0000000..78206c5
--- /dev/null
+++ b/resources/js/components/PerceptronIterationsErrorsGraph.vue
@@ -0,0 +1,84 @@
+<script setup lang="ts">
+import type { ChartData } from 'chart.js';
+import { Bar } from 'vue-chartjs';
+import { colors } from '@/types/graphs';
+import type { Iteration } from '@/types/perceptron';
+
+const props = defineProps<{
+    iterations: Iteration[];
+}>();
+
+/**
+ * Return the datasets of the iterations with the form { label: `Exemple ${exampleIndex}`, data: [error for iteration 1, error for iteration 2, ...] }
+ */
+function getPerceptronErrorsPerIteration(): ChartData<
+    'bar',
+    (number | [number, number] | null)[]
+>[] {
+    const datasets: ChartData<'bar', (number | [number, number] | null)[]>[] =
+        [];
+
+    const backgroundColors = colors;
+
+    props.iterations.forEach((iteration) => {
+        const exampleLabel = `Exemple ${iteration.exampleIndex}`;
+        let dataset = datasets.find((d) => d.label === exampleLabel);
+        if (!dataset) {
+            dataset = {
+                label: exampleLabel,
+                data: [],
+                backgroundColor:
+                    backgroundColors[
+                        iteration.exampleIndex % backgroundColors.length
+                    ],
+            };
+            datasets.push(dataset);
+        }
+        dataset.data.push(iteration.error);
+    });
+
+    // Sort dataset by label (Exemple 0, Exemple 1, ...)
+    datasets.sort((a, b) => {
+        const aIndex = parseInt(a.label.split(' ')[1]);
+        const bIndex = parseInt(b.label.split(' ')[1]);
+        return aIndex - bIndex;
+    });
+
+    return datasets;
+}
+</script>
+
+<template>
+    <Bar
+        class="flex"
+        :options="{
+            responsive: true,
+            maintainAspectRatio: true,
+            plugins: {
+                title: {
+                    display: true,
+                    text: 'Nombre d\'erreurs par itération',
+                },
+            },
+            scales: {
+                x: {
+                    stacked: true,
+                    min: 0,
+                },
+                y: {
+                    stacked: true,
+                    beginAtZero: true,
+                },
+            },
+        }"
+        :data="{
+            labels: props.iterations.reduce((labels, iteration) => {
+                if (!labels.includes(`Itération ${iteration.iteration}`)) {
+                    labels.push(`Itération ${iteration.iteration}`);
+                }
+                return labels;
+            }, [] as string[]),
+            datasets: getPerceptronErrorsPerIteration(),
+        }"
+    />
+</template>
diff --git a/resources/js/components/PerceptronSetup.vue b/resources/js/components/PerceptronSetup.vue
new file mode 100644
index 0000000..4c56896
--- /dev/null
+++ b/resources/js/components/PerceptronSetup.vue
@@ -0,0 +1,215 @@
+<script setup lang="ts">
+// import { Form } from '@inertiajs/vue3';
+
+import { ref, watch } from 'vue';
+import {
+    Form,
+    FormControl,
+    FormField,
+    FormItem,
+    FormLabel,
+} from '@/components/ui/form';
+import {
+    NativeSelect,
+    NativeSelectOption,
+} from '@/components/ui/native-select';
+import type {
+    Dataset,
+    InitializationMethod,
+    PerceptronType,
+} from '@/types/perceptron';
+import Button from './ui/button/Button.vue';
+import Card from './ui/card/Card.vue';
+import CardContent from './ui/card/CardContent.vue';
+import CardHeader from './ui/card/CardHeader.vue';
+import CardTitle from './ui/card/CardTitle.vue';
+import Input from './ui/input/Input.vue';
+
+const props = defineProps<{
+    type: PerceptronType;
+    datasets: Dataset[];
+    selectedDataset: string;
+    initializationMethod: InitializationMethod;
+    minError: number;
+    defaultLearningRate: number;
+    sessionId: string;
+    defaultMaxIterations: number;
+}>();
+
+const selectedDatasetCopy = ref(props.selectedDataset);
+const selectedMethod = ref(props.initializationMethod);
+const minError = ref(props.minError);
+const learningRate = ref(props.defaultLearningRate);
+const maxIterations = ref(props.defaultMaxIterations);
+
+watch(selectedDatasetCopy, (newvalue) => {
+    const selectedDatasetCopy = props.datasets.find(
+        (dataset) => dataset.label === newvalue
+    ) || null;
+
+    let defaultLearningRate = props.defaultLearningRate;
+    if (selectedDatasetCopy && selectedDatasetCopy.defaultLearningRate !== undefined) {
+        defaultLearningRate = selectedDatasetCopy.defaultLearningRate;
+    }
+    learningRate.value = defaultLearningRate;
+    maxIterations.value = props.defaultMaxIterations;
+})
+
+const trainingId  = ref<string>('');
+
+function startTraining() {
+    if (!selectedDatasetCopy.value) {
+        alert('Veuillez sélectionner un dataset avant de lancer l\'entraînement.');
+        return;
+    }
+
+    trainingId.value = `${props.sessionId}-${Date.now()}`; // Unique training ID based on session and timestamp
+    emit('update:trainingId', trainingId.value); // Emit the training ID to the parent component
+
+    fetch('/api/perceptron/run', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        credentials: 'same-origin',
+        body: JSON.stringify({
+            type: 'simple',
+            dataset: selectedDatasetCopy.value,
+            weight_init_method: selectedMethod.value,
+            min_error: 0.01,
+            learning_rate: learningRate.value,
+            session_id: props.sessionId,
+            training_id: trainingId.value,
+            max_iterations: maxIterations.value,
+        }),
+    })
+        .then((response) => {
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            return response.json();
+        })
+        .then((data) => {
+            console.log('Perceptron training started:', data);
+        })
+        .catch((error) => {
+            console.error('Error starting perceptron training:', error);
+        });
+}
+
+const emit = defineEmits(['update:selectedDataset', 'update:trainingId']);
+watch(selectedDatasetCopy, (newValue) => {
+    emit('update:selectedDataset', newValue);
+});
+</script>
+
+<template>
+    <Card>
+        <CardHeader>
+            <CardTitle>Configuration du Perceptron</CardTitle>
+        </CardHeader>
+        <CardContent>
+            <Form
+                class="grid auto-cols-max grid-flow-row grid-cols-1 gap-4 space-y-6 md:grid-cols-2"
+            >
+                <!-- DATASET -->
+                <FormField name="dataset">
+                    <FormItem>
+                        <FormLabel>Dataset</FormLabel>
+                        <FormControl>
+                            <NativeSelect
+                                name="dataset"
+                                id="dataset-select"
+                                v-model="selectedDatasetCopy"
+                            >
+                                <NativeSelectOption value="" disabled
+                                    >Sélectionnez un dataset</NativeSelectOption
+                                >
+                                <NativeSelectOption
+                                    v-for="dataset in props.datasets"
+                                    v-bind:key="dataset.label"
+                                    :value="dataset.label"
+                                >
+                                    {{ dataset.label }}
+                                </NativeSelectOption>
+                            </NativeSelect>
+                        </FormControl>
+                    </FormItem>
+                </FormField>
+
+                <!-- DEFAULT WEIGHTS -->
+                <FormField name="weight_init_method">
+                    <FormItem>
+                        <FormLabel
+                            >Méthode d'initialisation des poids</FormLabel
+                        >
+                        <FormControl>
+                            <NativeSelect
+                                name="weight_init_method"
+                                id="weight_init_method"
+                                v-model="selectedMethod"
+                            >
+                                <NativeSelectOption
+                                    v-for="method in ['zeros', 'random']"
+                                    v-bind:key="method"
+                                    :value="method"
+                                >
+                                    {{ method }}
+                                </NativeSelectOption>
+                            </NativeSelect>
+                        </FormControl>
+                    </FormItem>
+                </FormField>
+
+                <!-- MIN ERROR -->
+                <FormField name="min_error" v-if="props.type !== 'simple'">
+                    <FormItem>
+                        <FormLabel>Erreur minimale</FormLabel>
+                        <FormControl>
+                            <Input
+                                type="number"
+                                v-model="minError"
+                                min="0"
+                                step="0.001"
+                                class="w-min"
+                            />
+                        </FormControl>
+                    </FormItem>
+                </FormField>
+
+                <!-- LEARNING RATE -->
+                <FormField name="learning_rate">
+                    <FormItem>
+                        <FormLabel>Taux d'apprentissage</FormLabel>
+                        <FormControl>
+                            <Input
+                                type="number"
+                                v-model="learningRate"
+                                min="0"
+                                step="0.001"
+                                class="w-min"
+                            />
+                        </FormControl>
+                    </FormItem>
+                </FormField>
+
+                <!-- MAX ITERATIONS -->
+                <FormField name="max_iterations">
+                    <FormItem>
+                        <FormLabel>Nombre maximum d'itérations</FormLabel>
+                        <FormControl>
+                            <Input
+                                type="number"
+                                v-model="maxIterations"
+                                min="0"
+                                step="1"
+                                class="w-min"
+                            />
+                        </FormControl>
+                    </FormItem>
+                </FormField>
+            </Form>
+            <Button variant="outline" class="cursor-pointer mt-6" @click="startTraining">Lancer</Button>
+        </CardContent>
+    </Card>
+</template>
diff --git a/resources/js/components/ui/form/FormControl.vue b/resources/js/components/ui/form/FormControl.vue
new file mode 100644
index 0000000..b1bc4bf
--- /dev/null
+++ b/resources/js/components/ui/form/FormControl.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { Slot } from "reka-ui"
+import { useFormField } from "./useFormField"
+
+const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+</script>
+
+<template>
+  <Slot
+    :id="formItemId"
+    data-slot="form-control"
+    :aria-describedby="!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`"
+    :aria-invalid="!!error"
+  >
+    <slot />
+  </Slot>
+</template>
diff --git a/resources/js/components/ui/form/FormDescription.vue b/resources/js/components/ui/form/FormDescription.vue
new file mode 100644
index 0000000..2d3a903
--- /dev/null
+++ b/resources/js/components/ui/form/FormDescription.vue
@@ -0,0 +1,21 @@
+<script lang="ts" setup>
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
+import { useFormField } from "./useFormField"
+
+const props = defineProps<{
+  class?: HTMLAttributes["class"]
+}>()
+
+const { formDescriptionId } = useFormField()
+</script>
+
+<template>
+  <p
+    :id="formDescriptionId"
+    data-slot="form-description"
+    :class="cn('text-muted-foreground text-sm', props.class)"
+  >
+    <slot />
+  </p>
+</template>
diff --git a/resources/js/components/ui/form/FormItem.vue b/resources/js/components/ui/form/FormItem.vue
new file mode 100644
index 0000000..40cb994
--- /dev/null
+++ b/resources/js/components/ui/form/FormItem.vue
@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import type { HTMLAttributes } from "vue"
+import { useId } from "reka-ui"
+import { provide } from "vue"
+import { cn } from "@/lib/utils"
+import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys"
+
+const props = defineProps<{
+  class?: HTMLAttributes["class"]
+}>()
+
+const id = useId()
+provide(FORM_ITEM_INJECTION_KEY, id)
+</script>
+
+<template>
+  <div
+    data-slot="form-item"
+    :class="cn('grid gap-2', props.class)"
+  >
+    <slot />
+  </div>
+</template>
diff --git a/resources/js/components/ui/form/FormLabel.vue b/resources/js/components/ui/form/FormLabel.vue
new file mode 100644
index 0000000..141655b
--- /dev/null
+++ b/resources/js/components/ui/form/FormLabel.vue
@@ -0,0 +1,25 @@
+<script lang="ts" setup>
+import type { LabelProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
+import { Label } from '@/components/ui/label'
+import { useFormField } from "./useFormField"
+
+const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>()
+
+const { error, formItemId } = useFormField()
+</script>
+
+<template>
+  <Label
+    data-slot="form-label"
+    :data-error="!!error"
+    :class="cn(
+      'data-[error=true]:text-destructive',
+      props.class,
+    )"
+    :for="formItemId"
+  >
+    <slot />
+  </Label>
+</template>
diff --git a/resources/js/components/ui/form/FormMessage.vue b/resources/js/components/ui/form/FormMessage.vue
new file mode 100644
index 0000000..c80c482
--- /dev/null
+++ b/resources/js/components/ui/form/FormMessage.vue
@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import type { HTMLAttributes } from "vue"
+import { ErrorMessage } from "vee-validate"
+import { toValue } from "vue"
+import { cn } from "@/lib/utils"
+import { useFormField } from "./useFormField"
+
+const props = defineProps<{
+  class?: HTMLAttributes["class"]
+}>()
+
+const { name, formMessageId } = useFormField()
+</script>
+
+<template>
+  <ErrorMessage
+    :id="formMessageId"
+    data-slot="form-message"
+    as="p"
+    :name="toValue(name)"
+    :class="cn('text-destructive text-sm', props.class)"
+  />
+</template>
diff --git a/resources/js/components/ui/form/index.ts b/resources/js/components/ui/form/index.ts
new file mode 100644
index 0000000..1eb05f1
--- /dev/null
+++ b/resources/js/components/ui/form/index.ts
@@ -0,0 +1,7 @@
+export { default as FormControl } from "./FormControl.vue"
+export { default as FormDescription } from "./FormDescription.vue"
+export { default as FormItem } from "./FormItem.vue"
+export { default as FormLabel } from "./FormLabel.vue"
+export { default as FormMessage } from "./FormMessage.vue"
+export { FORM_ITEM_INJECTION_KEY } from "./injectionKeys"
+export { Form, Field as FormField, FieldArray as FormFieldArray } from "vee-validate"
diff --git a/resources/js/components/ui/form/injectionKeys.ts b/resources/js/components/ui/form/injectionKeys.ts
new file mode 100644
index 0000000..42542a9
--- /dev/null
+++ b/resources/js/components/ui/form/injectionKeys.ts
@@ -0,0 +1,4 @@
+import type { InjectionKey } from "vue"
+
+export const FORM_ITEM_INJECTION_KEY
+  = Symbol() as InjectionKey<string>
diff --git a/resources/js/components/ui/form/useFormField.ts b/resources/js/components/ui/form/useFormField.ts
new file mode 100644
index 0000000..62d86c2
--- /dev/null
+++ b/resources/js/components/ui/form/useFormField.ts
@@ -0,0 +1,30 @@
+import { FieldContextKey } from "vee-validate"
+import { computed, inject } from "vue"
+import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys"
+
+export function useFormField() {
+  const fieldContext = inject(FieldContextKey)
+  const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY)
+
+  if (!fieldContext)
+    throw new Error("useFormField should be used within <FormField>")
+
+  const { name, errorMessage: error, meta } = fieldContext
+  const id = fieldItemContext
+
+  const fieldState = {
+    valid: computed(() => meta.valid),
+    isDirty: computed(() => meta.dirty),
+    isTouched: computed(() => meta.touched),
+    error,
+  }
+
+  return {
+    id,
+    name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
diff --git a/resources/js/components/ui/native-select/NativeSelect.vue b/resources/js/components/ui/native-select/NativeSelect.vue
new file mode 100644
index 0000000..6159aac
--- /dev/null
+++ b/resources/js/components/ui/native-select/NativeSelect.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import type { AcceptableValue } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit, useVModel } from "@vueuse/core"
+import { ChevronDownIcon } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = defineProps<{ modelValue?: AcceptableValue | AcceptableValue[], class?: HTMLAttributes["class"] }>()
+
+const emit = defineEmits<{
+  "update:modelValue": AcceptableValue
+}>()
+
+const modelValue = useVModel(props, "modelValue", emit, {
+  passive: true,
+  defaultValue: "",
+})
+
+const delegatedProps = reactiveOmit(props, "class")
+</script>
+
+<template>
+  <div
+    class="group/native-select relative w-fit has-[select:disabled]:opacity-50"
+    data-slot="native-select-wrapper"
+  >
+    <select
+      v-bind="{ ...$attrs, ...delegatedProps }"
+      v-model="modelValue"
+      data-slot="native-select"
+      :class="cn(
+        'border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed',
+        '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',
+        props.class,
+      )"
+    >
+      <slot />
+    </select>
+    <ChevronDownIcon
+      class="text-muted-foreground pointer-events-none absolute top-[25%] right-3.5 size-4 -translate-y-1/2 opacity-50 select-none"
+      aria-hidden="true"
+      data-slot="native-select-icon"
+    />
+  </div>
+</template>
diff --git a/resources/js/components/ui/native-select/NativeSelectOptGroup.vue b/resources/js/components/ui/native-select/NativeSelectOptGroup.vue
new file mode 100644
index 0000000..169558c
--- /dev/null
+++ b/resources/js/components/ui/native-select/NativeSelectOptGroup.vue
@@ -0,0 +1,15 @@
+<!-- @fallthroughAttributes true -->
+<!-- @strictTemplates true -->
+
+<script setup lang="ts">
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
+
+const props = defineProps<{ class?: HTMLAttributes["class"] }>()
+</script>
+
+<template>
+  <optgroup data-slot="native-select-optgroup" :class="cn('bg-popover text-popover-foreground', props.class)">
+    <slot />
+  </optgroup>
+</template>
diff --git a/resources/js/components/ui/native-select/NativeSelectOption.vue b/resources/js/components/ui/native-select/NativeSelectOption.vue
new file mode 100644
index 0000000..2f678fb
--- /dev/null
+++ b/resources/js/components/ui/native-select/NativeSelectOption.vue
@@ -0,0 +1,15 @@
+<!-- @fallthroughAttributes true -->
+<!-- @strictTemplates true -->
+
+<script setup lang="ts">
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
+
+const props = defineProps<{ class?: HTMLAttributes["class"] }>()
+</script>
+
+<template>
+  <option data-slot="native-select-option" :class="cn('bg-popover text-popover-foreground', props.class)">
+    <slot />
+  </option>
+</template>
diff --git a/resources/js/components/ui/native-select/index.ts b/resources/js/components/ui/native-select/index.ts
new file mode 100644
index 0000000..04e92c7
--- /dev/null
+++ b/resources/js/components/ui/native-select/index.ts
@@ -0,0 +1,3 @@
+export { default as NativeSelect } from "./NativeSelect.vue"
+export { default as NativeSelectOptGroup } from "./NativeSelectOptGroup.vue"
+export { default as NativeSelectOption } from "./NativeSelectOption.vue"
diff --git a/resources/js/pages/PerceptronViewer.vue b/resources/js/pages/PerceptronViewer.vue
index 0adf5a0..092687a 100644
--- a/resources/js/pages/PerceptronViewer.vue
+++ b/resources/js/pages/PerceptronViewer.vue
@@ -11,15 +11,19 @@ import {
     LinearScale,
     PointElement,
     LineElement,
-    ChartDataset,
-    ChartTypeRegistry,
-    BubbleDataPoint,
-    Point,
-    ChartData,
 } from 'chart.js';
-import { onMounted, ref } from 'vue';
-import { Bar, Chart, Line } from 'vue-chartjs';
+import { computed, onMounted, ref, watch } from 'vue';
 import LinkHeader from '@/components/LinkHeader.vue';
+import type {
+    Dataset,
+    InitializationMethod,
+    Iteration,
+    PerceptronType,
+} from '@/types/perceptron';
+import IterationTable from '../components/IterationTable.vue';
+import PerceptronDecisionGraph from '../components/PerceptronDecisionGraph.vue';
+import PerceptronIterationsErrorsGraph from '../components/PerceptronIterationsErrorsGraph.vue';
+import PerceptronSetup from '../components/PerceptronSetup.vue';
 
 ChartJS.register(
     Title,
@@ -36,11 +40,52 @@ ChartJS.defaults.color = '#FFF';
 ChartJS.defaults.backgroundColor = '#AAA';
 
 const props = defineProps<{
-    type: string;
-    dataset: number[][];
+    type: PerceptronType;
     sessionId: string;
+    datasets: Dataset[];
+    minError: number;
+    learningRate: number;
+    maxIterations: number;
 }>();
 
+const selectedDatasetName = ref<string>('');
+const dataset = computed<number[][]>(() => {
+    const selected = props.datasets.find(
+        (d) => d.label === selectedDatasetName.value,
+    );
+
+    return selected ? selected.data : [];
+});
+const cleanedDataset = computed<
+    {
+        label: number;
+        data: { x: number; y: number }[];
+    }[]
+>(() => {
+    if (!dataset.value) {
+        return [];
+    }
+
+    const cleanedDataset: {
+        label: number;
+        data: { x: number; y: number }[];
+    }[] = [];
+    // Separate data into each dataset based on value of the last column (label)
+    dataset.value.forEach((row) => {
+        const label = row[row.length - 1];
+        const dataPoint = { x: row[0], y: row[1] };
+
+        let dataset = cleanedDataset.find((d) => d.label === label);
+        if (!dataset) {
+            dataset = { label, data: [] };
+            cleanedDataset.push(dataset);
+        }
+        dataset.data.push(dataPoint);
+    });
+    return cleanedDataset;
+});
+const initializationMethod = ref<InitializationMethod>('zeros');
+
 console.log('Session ID:', props.sessionId);
 
 useEcho(
@@ -57,182 +102,71 @@ useEcho(
     [{}],
     'public',
 );
+useEcho(
+    `${props.sessionId}-perceptron-training`,
+    'PerceptronInitialization',
+    perceptroninitialization,
+    [{}],
+    'public',
+);
 
-onMounted(() => {
-    // make a POST request to start the perceptron training
-    fetch('/api/perceptron/run', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        credentials: 'same-origin',
-        body: JSON.stringify({
-            type: 'simple',
-            min_error: 0.01,
-            session_id: props.sessionId,
-        }),
-    })
-        .then((response) => {
-            if (!response.ok) {
-                throw new Error('Network response was not ok');
-            }
-            return response.json();
-        })
-        .then((data) => {
-            console.log('Perceptron training started:', data);
-        })
-        .catch((error) => {
-            console.error('Error starting perceptron training:', error);
-        });
-});
-
-const iterations = ref<
-    {
-        iteration: number;
-        exampleIndex: number;
-        weights: number[];
-        error: number;
-    }[]
->([]);
+const iterations = ref<Iteration[]>([]);
 
+const trainingId  = ref<string>('');
 function percpetronIteration(data: any) {
     console.log('Received perceptron iteration data:', data);
-    iterations.value.push({
-        iteration: data.iteration,
-        exampleIndex: data.exampleIndex,
-        weights: data.synaptic_weights,
-        error: data.error,
-    });
+    if (data.trainingId !== trainingId.value) {
+        console.warn(
+            `Received iteration for training ID ${data.trainingId}, but current training ID is ${trainingId.value}. Ignoring this iteration.`
+        );
+        return;
+    }
+    iterations.value.push(...data.iterations);
 }
 
 const trainingEnded = ref(false);
 const trainingEndReason = ref('');
 function perceptronTrainingEnded(data: any) {
     console.log('Perceptron training ended:', data);
+    if (data.trainingId !== trainingId.value) {
+        console.warn(
+            `Received training ended event for training ID ${data.trainingId}, but current training ID is ${trainingId.value}. Ignoring this event.`
+        );
+        return;
+    }
     trainingEnded.value = true;
     trainingEndReason.value = data.reason;
 }
 
-// Separate data into each dataset based on value of the last column (label)
-const cleanedDataset: { label: number; data: { x: number; y: number }[] }[] =
-    [];
-props.dataset.forEach((row) => {
-    const label = row[row.length - 1];
-    const dataPoint = { x: row[0], y: row[1] };
-
-    let dataset = cleanedDataset.find((d) => d.label === label);
-    if (!dataset) {
-        dataset = { label, data: [] };
-        cleanedDataset.push(dataset);
+const activationFunction = ref<string>('');
+function perceptroninitialization(data: any) {
+    console.log('Perceptron training initialized:', data);
+    if (data.trainingId !== trainingId.value) {
+        console.warn(
+            `Received initialization event for training ID ${data.trainingId}, but current training ID is ${trainingId.value}. Ignoring this event.`
+        );
+        return;
     }
-    dataset.data.push(dataPoint);
-});
-
-function getPerceptronDecisionBoundaryDataset(
-    weights: number[],
-): ChartDataset<
-    keyof ChartTypeRegistry,
-    number | Point | [number, number] | BubbleDataPoint | null
-> {
-    const label = 'Ligne de décision du Perceptron';
-
-    if (weights.length == 3) {
-        // Simple line
-        return {
-            type: 'line',
-            label: label,
-            data: [
-                {
-                    x: -1,
-                    y:
-                        -(weights[1] / weights[2]) * -1 -
-                        weights[0] / weights[2],
-                },
-                {
-                    x: 2,
-                    y: -(weights[1] / weights[2]) * 2 - weights[0] / weights[2],
-                },
-            ],
-            borderColor: '#FFF',
-            borderWidth: 2,
-            pointRadius: 0,
-        };
-    } else {
-        return {
-            type: 'scatter',
-            label: label,
-            data: (() => {
-                const decisionBoundary = [];
-                const latestWeights =
-                    iterations.value.length > 0
-                        ? iterations.value[iterations.value.length - 1].weights
-                        : [0, 0, 0]; // default weights if no iterations yet
-                for (let x = -2; x <= 2; x += 0.05) {
-                    for (let y = -2; y <= 2; y += 0.05) {
-                        let value = 0;
-                        for (let i = 0; i < latestWeights.length - 1; i++) {
-                            value += latestWeights[i] * (i === 0 ? x : y); // TODO : Fix formula
-                        }
-                        value += latestWeights[0]; // bias
-
-                        if (Math.abs(value) < 0.003) {
-                            decisionBoundary.push({ x: x, y: y });
-                        }
-                    }
-                }
-                return decisionBoundary;
-            })(),
-            backgroundColor: '#FFF',
-        };
+    activationFunction.value = data.activation_function;
+}
+function getActivationFunction(type: string): (x: number) => number {
+    switch (type) {
+        case 'step':
+            return (x) => (x >= 0 ? 1 : 0);
+        case 'sigmoid':
+            return (x) => 1 / (1 + Math.exp(-x));
+        case 'tanh':
+            return (x) => Math.tanh(x);
+        default:
+            return (x) => x; // Identity function as fallback
     }
 }
 
-/**
- * Return the datasets of the iterations with the form { label: `Exemple ${exampleIndex}`, data: [error for iteration 1, error for iteration 2, ...] }
- */
-function getPerceptronErrorsPerIteration(): ChartData<
-    'bar',
-    (number | [number, number] | null)[]
->[] {
-    const datasets: ChartData<'bar', (number | [number, number] | null)[]>[] =
-        [];
-
-    const backgroundColors = [
-        '#FF6384',
-        '#36A2EB',
-        '#FFCE56',
-        '#4BC0C0',
-        '#9D5C5C',
-        '#8B4513',
-        '#2E8B57',
-        '#800080',
-    ];
-
-    iterations.value.forEach((iteration) => {
-        const exampleLabel = `Exemple ${iteration.exampleIndex}`;
-        let dataset = datasets.find((d) => d.label === exampleLabel);
-        if (!dataset) {
-            dataset = {
-                label: exampleLabel,
-                data: [],
-                backgroundColor:
-                    backgroundColors[
-                        iteration.exampleIndex % backgroundColors.length
-                    ],
-            };
-            datasets.push(dataset);
-        }
-        dataset.data.push(iteration.error);
-    });
-
-    // Sort dataset by label (Exemple 0, Exemple 1, ...)
-    datasets.sort((a, b) => {
-        const aIndex = parseInt(a.label.split(' ')[1]);
-        const bIndex = parseInt(b.label.split(' ')[1]);
-        return aIndex - bIndex;
-    });
-
-    return datasets;
+function resetTraining() {
+    iterations.value = [];
+    trainingEnded.value = false;
+    trainingEndReason.value = '';
+    activationFunction.value = '';
 }
 </script>
 
@@ -240,154 +174,51 @@ function getPerceptronErrorsPerIteration(): ChartData<
     <Head title="Perceptron Viewer"></Head>
     <main class="space-y-6">
         <LinkHeader class="w-full" />
+            <PerceptronSetup
+                :type="props.type"
+                :datasets="props.datasets"
+                :selectedDataset="selectedDatasetName"
+                :initializationMethod="initializationMethod"
+                :minError="props.minError"
+                :sessionId="props.sessionId"
+                :defaultLearningRate="props.learningRate"
+                :defaultMaxIterations="props.maxIterations"
+                @update:selected-dataset="
+                    (newValue) => {
+                        selectedDatasetName = newValue;
+                    }
+                "
+                @update:training-id="
+                    (newValue) => {
+                        trainingId = newValue;
+                        resetTraining();
+                    }"
+            />
         <div
             class="align-items-start justify-content-center flex h-full min-h-dvh max-w-dvw"
+            v-if="selectedDatasetName || iterations.length > 0"
         >
             <div class="max-h-full w-full overflow-y-scroll">
-                <table
-                    class="table w-full border-collapse border border-gray-300"
-                >
-                    <tr class="text-left" v-if="iterations.length > 0">
-                        <th>Itération</th>
-                        <th>Exemple</th>
-                        <th
-                            v-for="(weight, index) in iterations[0].weights"
-                            v-bind:key="index"
-                        >
-                            X<sub>{{ index }}</sub>
-                        </th>
-                        <th>Erreur</th>
-                    </tr>
-                    <tr
-                        v-for="(iteration, index) in iterations"
-                        v-bind:key="index"
-                        :class="{
-                            'bg-gray-900': iteration.iteration % 2 === 0,
-                        }"
-                    >
-                        <td>{{ iteration.iteration }}</td>
-                        <td>{{ iteration.exampleIndex }}</td>
-                        <td
-                            v-for="(weight, index) in iteration.weights"
-                            v-bind:key="index"
-                        >
-                            {{ weight.toFixed(2) }}
-                        </td>
-                        <td>{{ iteration.error.toFixed(2) }}</td>
-                    </tr>
-
-                    <tr v-if="trainingEnded" class="bg-red-900 text-center">
-                        <td colspan="100%">
-                            <strong>Entraînement terminé :</strong>
-                            {{ trainingEndReason }}
-                        </td>
-                    </tr>
-                </table>
+                <IterationTable
+                    :iterations="iterations"
+                    :trainingEnded="trainingEnded"
+                    :trainingEndReason="trainingEndReason"
+                />
             </div>
-            <div class="h-full w-full">
+            <div class="sticky top-0 h-full w-full">
                 <div>
-                    <Chart
-                        class="flex"
-                        :options="{
-                            responsive: true,
-                            maintainAspectRatio: true,
-                            plugins: {
-                                legend: {
-                                    position: 'top',
-                                },
-                                title: {
-                                    display: true,
-                                    text: 'Ligne de décision du Perceptron',
-                                },
-                            },
-                            layout: {
-                                padding: {
-                                    left: 10,
-                                    right: 10,
-                                    top: 10,
-                                    bottom: 10,
-                                },
-                            },
-                            scales: {
-                                x: {
-                                    type: 'linear',
-                                    position: 'bottom',
-                                },
-                                y: {
-                                    type: 'linear',
-                                    position: 'left',
-                                },
-                            },
-                        }"
-                        :data="{
-                            datasets: [
-                                // Points from the dataset
-                                ...cleanedDataset.map((dataset, index) => ({
-                                    type: 'scatter',
-                                    label: `Classe ${dataset.label}`,
-                                    data: dataset.data,
-                                    backgroundColor:
-                                        [
-                                            '#FF6384',
-                                            '#36A2EB',
-                                            '#FFCE56',
-                                            '#4BC0C0',
-                                            '#9D5C5C',
-                                            '#8B4513',
-                                            '#2E8B57',
-                                            '#800080',
-                                        ][index] || '#AAA',
-                                })),
-
-                                // Perceptron decision boundary
-                                getPerceptronDecisionBoundaryDataset(
-                                    iterations.length > 0
-                                        ? iterations[iterations.length - 1]
-                                              .weights
-                                        : [0, 0, 0],
-                                ),
-                            ],
-                        }"
+                    <PerceptronDecisionGraph
+                        :cleanedDataset="cleanedDataset"
+                        :iterations="iterations"
+                        :activation-function="
+                            getActivationFunction(activationFunction)
+                        "
                     />
                 </div>
                 <div>
-                    <Bar
-                        class="flex"
-                        :options="{
-                            responsive: true,
-                            maintainAspectRatio: true,
-                            plugins: {
-                                title: {
-                                    display: true,
-                                    text: 'Nombre d\'erreurs par itération',
-                                },
-                            },
-                            scales: {
-                                x: {
-                                    stacked: true,
-                                    min: 0,
-                                },
-                                y: {
-                                    stacked: true,
-                                    beginAtZero: true,
-                                },
-                            },
-                        }"
-                        :data="{
-                            labels: iterations.reduce((labels, iteration) => {
-                                if (
-                                    !labels.includes(
-                                        `Itération ${iteration.iteration}`,
-                                    )
-                                ) {
-                                    labels.push(
-                                        `Itération ${iteration.iteration}`,
-                                    );
-                                }
-                                return labels;
-                            }, [] as string[]),
-                            datasets: getPerceptronErrorsPerIteration(),
-                        }"
+                    <PerceptronIterationsErrorsGraph
+                        :iterations="iterations"
+                        v-if="iterations.length > 0"
                     />
                 </div>
             </div>
diff --git a/resources/js/types/graphs.ts b/resources/js/types/graphs.ts
new file mode 100644
index 0000000..291354c
--- /dev/null
+++ b/resources/js/types/graphs.ts
@@ -0,0 +1,34 @@
+
+export const colors = [
+                            '#FF6384',
+                            '#36A2EB',
+                            '#FFCE56',
+                            '#4BC0C0',
+                            '#9D5C5C',
+                            '#8B4513',
+                            '#2E8B57',
+                            '#800080',
+                            '#FF4500',
+                            '#008080',
+                            '#FF1493',
+                            '#00CED1',
+                            '#FFD700',
+                            '#ADFF2F',
+                            '#FF69B4',
+                            '#20B2AA',
+                            '#FF6347',
+                            '#40E0D0',
+                            '#EE82EE',
+                            '#F08080',
+                            '#00FA9A',
+                            '#FFB6C1',
+                            '#48D1CC',
+                            '#C71585',
+                            '#00FF7F',
+                            '#FF00FF',
+                            '#00FFFF',
+                            '#FF8C00',
+                            '#7B68EE',
+                            '#DC143C',
+                            '#00FF00',
+                        ] as const;
diff --git a/resources/js/types/perceptron.ts b/resources/js/types/perceptron.ts
new file mode 100644
index 0000000..3f5900b
--- /dev/null
+++ b/resources/js/types/perceptron.ts
@@ -0,0 +1,16 @@
+export type Iteration = {
+    iteration: number;
+    exampleIndex: number;
+    weights: number[][][];
+    error: number;
+};
+
+export type Dataset = {
+    label: string;
+    data: { x: number; y: number }[];
+    defaultLearningRate: number | undefined;
+};
+
+export type InitializationMethod = 'zeros' | 'random';
+
+export type PerceptronType = 'simple';