diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..f84e181
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,38 @@
+# Dependencies
+node_modules
+/.pnp
+.pnp.js
+
+# Testing
+/coverage
+
+# Next.js
+/.next/
+/out/
+
+# Production
+/dist
+/build
+
+# Misc
+.DS_Store
+*.pem
+
+# Debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Local env files
+.env*.local
+.env
+
+# Vercel
+.vercel
+
+# TypeScript
+*.tsbuildinfo
+next-env.d.ts
+
+# Electron
+/release
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..b7e625e
--- /dev/null
+++ b/README.md
@@ -0,0 +1,116 @@
+# EritorsScribe - Electron + Next.js
+
+Application Electron avec Next.js et TypeScript.
+
+## Structure du projet
+
+```
+eritorsscribe/
+├── electron/          # Code Electron (main process)
+│   ├── main.ts       # Point d'entrée principal
+│   └── preload.ts    # Script preload (bridge sécurisé)
+├── src/              # Mettez vos fichiers Next.js ici (app/, pages/, components/, etc.)
+├── dist/             # Fichiers compilés Electron
+├── out/              # Export statique Next.js
+├── build/            # Configuration electron-builder
+└── release/          # Binaires packagés
+```
+
+## Installation
+
+Les dépendances sont déjà installées. Si besoin:
+
+```bash
+npm install
+```
+
+## Développement
+
+1. Mettez vos fichiers Next.js dans le dossier `src/` (créez `src/app/` ou `src/pages/` selon votre structure Next.js)
+
+2. Lancez le mode développement:
+
+```bash
+npm run dev
+```
+
+Cela va:
+- Démarrer Next.js sur http://localhost:3000
+- Lancer Electron qui charge cette URL
+- Recharger automatiquement au changement
+
+## Scripts disponibles
+
+- `npm run dev` - Développement (Next.js + Electron)
+- `npm run dev:next` - Next.js uniquement
+- `npm run dev:electron` - Electron uniquement
+- `npm run build` - Build complet (Next.js + Electron)
+- `npm run start` - Lancer l'app compilée
+- `npm run package:mac` - Packager pour macOS
+- `npm run package:win` - Packager pour Windows
+- `npm run package:linux` - Packager pour Linux
+- `npm run package` - Packager pour toutes les plateformes
+
+## Build de production
+
+1. Compilez tout:
+
+```bash
+npm run build
+```
+
+2. Packagez pour votre plateforme:
+
+```bash
+# macOS
+npm run package:mac
+
+# Windows
+npm run package:win
+
+# Linux
+npm run package:linux
+
+# Toutes les plateformes
+npm run package
+```
+
+Les binaires seront dans le dossier `release/`.
+
+## Versions installées
+
+- Electron: 39.x (dernière version stable)
+- Next.js: 16.x
+- React: 19.x
+- TypeScript: 5.9.x
+- electron-builder: 26.x
+
+## Configuration Next.js
+
+Le fichier `next.config.ts` est configuré avec:
+- `output: 'export'` - Export statique pour Electron
+- `images.unoptimized: true` - Images non optimisées
+- `trailingSlash: true` - Compatibilité Electron
+
+## Sécurité
+
+Le preload script utilise:
+- `contextIsolation: true`
+- `nodeIntegration: false`
+- `sandbox: true`
+
+Pour exposer des APIs au renderer, modifiez `electron/preload.ts`.
+
+## Multi-plateforme
+
+- macOS: Build sur Mac (requis pour signing)
+- Windows: Build sur n'importe quelle plateforme
+- Linux: Build sur n'importe quelle plateforme
+
+## Prochaines étapes
+
+1. Créez votre structure Next.js dans `src/`
+2. Ajoutez vos pages dans `src/app/` ou `src/pages/`
+3. Testez avec `npm run dev`
+4. Personnalisez `electron/main.ts` selon vos besoins
+5. Ajoutez des APIs dans `electron/preload.ts` si nécessaire
diff --git a/app/globals.css b/app/globals.css
new file mode 100644
index 0000000..096d817
--- /dev/null
+++ b/app/globals.css
@@ -0,0 +1,551 @@
+@import "tailwindcss";
+
+@theme {
+    /* Colors */
+    --color-primary: #51AE84;
+    --color-primary-dark: #3A8B69;
+    --color-primary-light: #74C9A0;
+    --color-secondary: #3E3E3E;
+    --color-tertiary: #2C2C2C;
+    --color-background: #2B2D30;
+    --color-dark-background: #2C2C2C;
+    --color-darkest-background: #1A1A1A;
+    --color-text-primary: #FFFFFF;
+    --color-text-secondary: #B0B0B0;
+    --color-muted: #B0B0B0;
+    --color-success: #28A745;
+    --color-error: #DC3545;
+    --color-warning: #FFC107;
+    --color-info: #17A2B8;
+
+    --color-gray: #808080;
+    --color-gray-light: #A0A0A0;
+    --color-gray-dark: #404040;
+
+    /* Font Family */
+    --font-family-lora: 'Lora', Georgia, serif;
+    --font-family-lora-italic: 'Lora Italic', serif;
+    --font-family-adlam: 'ADLaM Display', serif;
+}
+
+@font-face {
+    font-family: 'Lora';
+    src: url('../fonts/lora-variable.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Lora Italic';
+    src: url('../fonts/lora-Italic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'ADLaM Display';
+    src: url('../fonts/adlam-display.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+:root {
+    --foreground-rgb: 0, 0, 0;
+    --background-start-rgb: 214, 219, 220;
+    --background-end-rgb: 255, 255, 255;
+}
+
+body {
+    --tw-bg-opacity: 1;
+    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
+}
+
+::-webkit-scrollbar {
+    width: 12px;
+    height: 12px;
+}
+
+::-webkit-scrollbar-track {
+    background: #2d2d2d;
+    border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #51AE84;
+    border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #3a8b69;
+}
+
+/* Scrollbar Styles for Firefox */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #51AE84 #2d2d2d;
+}
+
+.fade-in {
+    opacity: 0;
+    animation: fadeIn 0.8s ease-out forwards;
+    animation-delay: 0.3s;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes slideInFromLeft {
+    from {
+        opacity: 0;
+        transform: translateX(-20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+@keyframes slideInFromRight {
+    from {
+        opacity: 0;
+        transform: translateX(20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+@keyframes smoothBounce {
+    0%, 100% {
+        transform: translateY(0);
+    }
+    50% {
+        transform: translateY(-5px);
+    }
+}
+
+.tiptap {
+    min-height: calc(100vh - 15rem);
+    font-family: 'Lora', sans-serif;
+    padding-bottom: 10px;
+}
+
+.indent-0 {
+    text-indent: 0px !important;
+}
+
+.indent-1 {
+    text-indent: 4px !important;
+}
+
+.indent-2 {
+    text-indent: 8px !important;
+}
+
+.indent-3 {
+    text-indent: 12px !important;
+}
+
+.indent-4 {
+    text-indent: 16px !important;
+}
+
+.indent-5 {
+    text-indent: 20px !important;
+}
+
+.indent-6 {
+    text-indent: 24px !important;
+}
+
+.indent-7 {
+    text-indent: 28px !important;
+}
+
+.indent-8 {
+    text-indent: 32px !important;
+}
+
+.indent-9 {
+    text-indent: 36px !important;
+}
+
+.indent-10 {
+    text-indent: 40px !important;
+}
+
+.indent-11 {
+    text-indent: 44px !important;
+}
+
+.indent-12 {
+    text-indent: 48px !important;
+}
+
+.indent-13 {
+    text-indent: 52px !important;
+}
+
+/* Styles pour l'éditeur principal avec classes dynamiques */
+.editor-content .tiptap p {
+    color: #dedede;
+    margin-top: 0.7em;
+    margin-bottom: 0.7em;
+}
+
+.editor-content .tiptap p {
+    text-indent: inherit;
+}
+
+.editor-content .tiptap p strong {
+    font-weight: 900;
+    color: #f9f9f9;
+}
+
+.editor-content .tiptap h1, .editor-content .tiptap h2, .editor-content .tiptap h3 {
+    color: #34acd0;
+    margin-top: 1em;
+    margin-bottom: 0.5em;
+}
+
+.editor-content .tiptap h1 {
+    text-indent: 5px;
+    font-size: 1.7em;
+}
+
+.editor-content .tiptap h2 {
+    text-indent: 3px;
+    font-size: 1.4em;
+}
+
+.editor-content .tiptap h3 {
+    text-indent: 1px;
+    font-size: 1.2em;
+}
+
+.editor-content .tiptap ul[data-type="bulletList"],
+.editor-content .tiptap ol[data-type="orderedList"] {
+    text-indent: 0px !important;
+}
+
+.editor-content .tiptap li p {
+    text-indent: 0px !important;
+    margin: 0.2em 0;
+}
+
+.ProseMirror-focused {
+    outline: none !important;
+    border: none !important;
+}
+
+.setting-container {
+    height: calc(100vh - 10rem);
+}
+
+.composer-panel-h {
+    height: calc(100vh - 8rem);
+}
+
+.composer-panel-component-h {
+    height: calc(100vh - 14rem);
+}
+
+.embla__viewport {
+    overflow: hidden;
+    width: 100%;
+}
+
+.embla__container {
+    display: flex;
+    gap: 16px;
+}
+
+.embla__slide {
+    flex: 0 0 18%; /* Changez à 10% pour afficher plus de livres */
+    max-width: 200px;
+}
+
+.embla__slide img {
+    width: 100%;
+    height: auto;
+    object-fit: cover;
+    border-radius: 8px;
+}
+
+/* Nouvelles classes pour les cartes de fonctionnalités */
+.feature-card {
+    position: relative;
+    transition: all 0.3s ease;
+    overflow: hidden;
+    background-color: #3E3E3E;
+    border-radius: 0.75rem;
+}
+
+.feature-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 25px -5px rgba(81, 174, 132, 0.2);
+}
+
+.feature-card-bg {
+    position: absolute;
+    inset: 0;
+    opacity: 0;
+    transition: opacity 0.5s ease;
+}
+
+.feature-card:hover .feature-card-bg {
+    opacity: 0.2;
+}
+
+.feature-icon-container {
+    width: 4rem;
+    height: 4rem;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #313131, #4A4A4A);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 1.5rem;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    transition: box-shadow 0.3s ease, transform 0.3s ease;
+}
+
+.feature-card:hover .feature-icon-container {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
+    transform: scale(1.05);
+}
+
+.feature-icon {
+    width: 3rem;
+    height: 3rem;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+}
+
+.feature-title-container {
+    position: relative;
+    display: inline-block;
+    margin-bottom: 1rem;
+}
+
+.feature-title-underline {
+    position: absolute;
+    bottom: -2px;
+    left: 0;
+    height: 2px;
+    width: 0;
+    transition: width 0.3s ease;
+}
+
+.feature-card:hover .feature-title-underline {
+    width: 100%;
+}
+
+.feature-shine-line {
+    width: 100%;
+    height: 1px;
+    background-color: #4A4A4A;
+    position: relative;
+    overflow: hidden;
+}
+
+.feature-shine {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 1px;
+    width: 0;
+    transition: width 0.7s ease-out;
+}
+
+.feature-card:hover .feature-shine {
+    width: 100%;
+}
+
+.feature-button {
+    margin-top: 1.5rem;
+    opacity: 0;
+    transform: translateY(10px);
+    transition: all 0.3s ease;
+}
+
+.feature-card:hover .feature-button {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+/* Classes pour les cartes de communauté */
+.community-card {
+    position: relative;
+    overflow: hidden;
+    border-radius: 0.75rem;
+    transition: transform 0.3s ease;
+}
+
+.community-card:hover {
+    transform: translateY(-5px);
+}
+
+.community-glow {
+    position: absolute;
+    inset: -2px;
+    opacity: 0.75;
+    filter: blur(15px);
+    transition: opacity 1s ease, inset 1s ease;
+}
+
+.community-card:hover .community-glow {
+    opacity: 1;
+    inset: -4px;
+}
+
+.community-content {
+    position: relative;
+    padding: 2rem;
+    border-radius: 0.75rem;
+}
+
+.community-icon {
+    width: 4rem;
+    height: 4rem;
+    border-radius: 50%;
+    background-color: rgba(255, 255, 255, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto 1rem;
+}
+
+/* Animation pour le statut "En développement" */
+@keyframes pulse {
+    0% {
+        opacity: 0.6;
+    }
+    50% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0.6;
+    }
+}
+
+.dev-status {
+    animation: pulse 2s infinite;
+}
+
+.last-updated {
+    color: #777777;
+    font-size: 0.75rem;
+    text-align: center;
+    margin-top: 1rem;
+}
+
+.tiptap-draft {
+    min-height: auto;
+    height: 100%;
+    font-family: 'Lora', sans-serif;
+}
+
+.tiptap-draft .ProseMirror {
+    min-height: auto !important;
+    height: auto !important;
+    overflow: visible !important;
+    padding: 1rem;
+}
+
+.tiptap-draft .ProseMirror em {
+    font-family: 'Lora Italic', serif;
+    font-style: italic;
+}
+
+.tiptap-draft .ProseMirror h1,
+.tiptap-draft .ProseMirror h2,
+.tiptap-draft .ProseMirror h3 {
+    font-family: 'Lora', sans-serif;
+    text-indent: 30px;
+}
+
+.tiptap-draft p {
+    font-family: 'Lora', sans-serif;
+    text-indent: 30px;
+    margin-top: 0.7em;
+    margin-bottom: 0.7em;
+}
+
+/* Smooth transitions for all interactive elements */
+button, a, input, textarea, select {
+    transition: all 0.2s ease-in-out;
+}
+
+/* Enhanced focus states */
+button:focus-visible,
+input:focus-visible,
+textarea:focus-visible,
+select:focus-visible {
+    outline: 2px solid #51AE84;
+    outline-offset: 2px;
+    box-shadow: 0 0 0 4px rgba(81, 174, 132, 0.1);
+}
+
+/* Smooth hover scale for interactive elements */
+.hover-lift:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+/* Literary decorative elements */
+.literary-ornament::before,
+.literary-ornament::after {
+    content: "❖";
+    color: #51AE84;
+    opacity: 0.3;
+    font-size: 0.8em;
+    margin: 0 0.5em;
+}
+
+/* Subtle pulse for active states */
+@keyframes subtlePulse {
+    0%, 100% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.8;
+    }
+}
+
+.pulse-subtle {
+    animation: subtlePulse 2s ease-in-out infinite;
+}
+
+/* Glass morphism effect */
+.glass-effect {
+    background: rgba(62, 62, 62, 0.7);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* Fade in pour le texte qui stream */
+.fade-in-text {
+    animation: textFadeIn 100ms ease-out;
+}
+
+@keyframes textFadeIn {
+    from {
+        opacity: 0.7;
+    }
+    to {
+        opacity: 1;
+    }
+}
diff --git a/app/layout.tsx b/app/layout.tsx
new file mode 100644
index 0000000..7828cef
--- /dev/null
+++ b/app/layout.tsx
@@ -0,0 +1,26 @@
+import type {Metadata} from "next";
+import "./globals.css";
+import {ReactNode} from "react";
+
+export const metadata: Metadata = {
+    title: "ERitors Scribe",
+    description: "Les meilleurs livres sont ceux qui ont le meilleur plan.",
+    icons: {
+        icon: "/eritors-favicon-white.png"
+    }
+};
+
+export default function RootLayout(
+    {
+        children,
+    }: Readonly<{
+        children: ReactNode;
+}>) {
+    return (
+        <html lang="fr">
+        <body>
+        {children}
+        </body>
+        </html>
+    );
+}
diff --git a/app/page.tsx b/app/page.tsx
new file mode 100644
index 0000000..748cffb
--- /dev/null
+++ b/app/page.tsx
@@ -0,0 +1,339 @@
+'use client';
+import React, {useContext, useEffect, useState} from 'react';
+import {BookContext} from "@/context/BookContext";
+import {ChapterProps} from "@/lib/models/Chapter";
+import {ChapterContext} from '@/context/ChapterContext';
+import {EditorContext} from '@/context/EditorContext'
+import {Editor, useEditor} from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import Underline from "@tiptap/extension-underline";
+import TextAlign from "@tiptap/extension-text-align";
+import {AlertContext, AlertProvider} from "@/context/AlertContext";
+import System from "@/lib/models/System";
+import {SessionContext} from '@/context/SessionContext';
+import {SessionProps} from "@/lib/models/Session";
+import User, {UserProps} from "@/lib/models/User";
+import {BookProps} from "@/lib/models/Book";
+import {AppRouterInstance} from "next/dist/shared/lib/app-router-context.shared-runtime";
+import {useRouter} from "next/navigation";
+import ScribeTopBar from "@/components/ScribeTopBar";
+import ScribeControllerBar from "@/components/ScribeControllerBar";
+import ScribeLeftBar from "@/components/leftbar/ScribeLeftBar";
+import ScribeEditor from "@/components/editor/ScribeEditor";
+import ComposerRightBar from "@/components/rightbar/ComposerRightBar";
+import ScribeFooterBar from "@/components/ScribeFooterBar";
+import GuideTour, {GuideStep} from "@/components/GuideTour";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faBookMedical, faFeather} from "@fortawesome/free-solid-svg-icons";
+import TermsOfUse from "@/components/TermsOfUse";
+import frMessages from '@/lib/locales/fr.json';
+import enMessages from '@/lib/locales/en.json';
+import Image from "next/image";
+import {NextIntlClientProvider, useTranslations} from "next-intl";
+import {LangContext} from "@/context/LangContext";
+import {AIUsageContext} from "@/context/AIUsageContext";
+
+const messagesMap = {
+    fr: frMessages,
+    en: enMessages
+};
+
+function ScribeContent() {
+    const t = useTranslations();
+    const {lang: locale} = useContext(LangContext);
+    const {errorMessage, successMessage} = useContext(AlertContext);
+    const editor: Editor | null = useEditor({
+        extensions: [
+            StarterKit,
+            Underline,
+            TextAlign.configure({
+                types: ['heading', 'paragraph'],
+            }),
+        ],
+        injectCSS: false,
+        immediatelyRender: false,
+    });
+
+    const router: AppRouterInstance = useRouter();
+    const [session, setSession] = useState<SessionProps>({user: null, accessToken: '', isConnected: false});
+    const [currentChapter, setCurrentChapter] = useState<ChapterProps | undefined>(undefined);
+    const [currentBook, setCurrentBook] = useState<BookProps | null>(null);
+
+    const [currentCredits, setCurrentCredits] = useState<number>(160);
+    const [amountSpent, setAmountSpent] = useState<number>(session.user?.aiUsage || 0);
+
+    const [isLoading, setIsLoading] = useState<boolean>(true);
+
+    const [sessionAttempts, setSessionAttempts] = useState<number>(0)
+
+    const [isTermsAccepted, setIsTermsAccepted] = useState<boolean>(false);
+    const [homeStepsGuide, setHomeStepsGuide] = useState<boolean>(false);
+    
+    const homeSteps: GuideStep[] = [
+        {
+            id: 0,
+            x: 50,
+            y: 50,
+            title: t("homePage.guide.welcome", {name: session.user?.name || ''}),
+            content: (
+                <div>
+                    <p>{t("homePage.guide.step0.description1")}</p>
+                    <br/>
+                    <p>{t("homePage.guide.step0.description2")}</p>
+                </div>
+            ),
+        },
+        {
+            id: 1, position: 'right',
+            targetSelector: `[data-guide="left-panel-container"]`,
+            title: t("homePage.guide.step1.title"),
+            content: (
+                <div>
+                    <p className={'flex items-center space-x-2'}>
+                        <strong>
+                            <FontAwesomeIcon icon={faBookMedical} className={'w-5 h-5'}/> :
+                        </strong>
+                        {t("homePage.guide.step1.addBook")}
+                    </p>
+                    <br/>
+                    <p><strong><FontAwesomeIcon icon={faFeather}
+                                                className={'w-5 h-5'}/> :</strong> {t("homePage.guide.step1.generateStory")}
+                    </p>
+                </div>
+            ),
+        },
+        {
+            id: 2,
+            title: t("homePage.guide.step2.title"), position: 'bottom',
+            targetSelector: `[data-guide="search-bar"]`,
+            content: (
+                <div>
+                    <p>{t("homePage.guide.step2.description")}</p>
+                </div>
+            ),
+        },
+        {
+            id: 3,
+            title: t("homePage.guide.step3.title"),
+            targetSelector: `[data-guide="user-dropdown"]`,
+            position: 'auto',
+            content: (
+                <div>
+                    <p>{t("homePage.guide.step3.description")}</p>
+                </div>
+            ),
+        },
+        {
+            id: 4,
+            title: t("homePage.guide.step4.title"),
+            content: (
+                <div>
+                    <p>{t("homePage.guide.step4.description1")}</p>
+                    <br/>
+                    <p>{t("homePage.guide.step4.description2")}</p>
+                </div>
+            ),
+        },
+    ];
+    
+    useEffect((): void => {
+        checkAuthentification().then()
+    }, []);
+    
+    useEffect((): void => {
+        if (session.isConnected) {
+            setIsTermsAccepted(session.user?.termsAccepted ?? false);
+            setHomeStepsGuide(User.guideTourDone(session.user?.guideTour ?? [], 'home-basic'));
+            setIsLoading(false);
+        } else {
+            if (sessionAttempts > 2) {
+                router.push('/');
+            }
+        }
+        setSessionAttempts(sessionAttempts + 1);
+    }, [session]);
+    
+    useEffect((): void => {
+        if (currentBook) {
+            getLastChapter().then();
+        }
+    }, [currentBook]);
+    
+    async function handleHomeTour(): Promise<void> {
+        try {
+            const response: boolean = await System.authPostToServer<boolean>('logs/tour', {
+                    plateforme: 'web',
+                    tour: 'home-basic'
+                },
+                session.accessToken,
+                locale
+            );
+            if (response) {
+                setSession(User.setNewGuideTour(session, 'home-basic'));
+                setHomeStepsGuide(false);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("homePage.errors.termsError"));
+            }
+        }
+    }
+    
+    async function checkAuthentification(): Promise<void> {
+        const token: string | null = System.getCookie('token');
+        if (token) {
+            try {
+                const user: UserProps = await System.authGetQueryToServer<UserProps>('user/infos', token, locale);
+                if (!user) {
+                    errorMessage(t("homePage.errors.userNotFound"));
+                }
+                setSession({
+                    isConnected: true,
+                    user: user,
+                    accessToken: token,
+                });
+                setCurrentCredits(user.creditsBalance)
+                setAmountSpent(user.aiUsage)
+            } catch (e: unknown) {
+                if (e instanceof Error) {
+                    errorMessage(e.message);
+                } else {
+                    errorMessage(t("homePage.errors.authenticationError"));
+                }
+                window.location.href = 'https://eritors.com/login';
+            }
+        } else {
+            window.location.href = 'https://eritors.com/login';
+        }
+    }
+    
+    async function handleTermsAcceptance(): Promise<void> {
+        try {
+            const response: boolean = await System.authPostToServer<boolean>(`user/terms/accept`, {
+                version: '2025-07-1'
+            }, session.accessToken, locale);
+            if (response) {
+                setIsTermsAccepted(true);
+                setHomeStepsGuide(true);
+                const newSession: SessionProps = {
+                    ...session,
+                    user: {
+                        ...session?.user as UserProps,
+                        termsAccepted: true
+                    }
+                }
+                setSession(newSession);
+            } else {
+                errorMessage(t("homePage.errors.termsAcceptError"));
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("homePage.errors.termsAcceptError"));
+            }
+        }
+    }
+    
+    async function getLastChapter(): Promise<void> {
+        if (session?.accessToken) {
+            try {
+                const response: ChapterProps | null = await System.authGetQueryToServer<ChapterProps | null>(`chapter/last-chapter`, session.accessToken, locale, {bookid: currentBook?.bookId});
+                if (response) {
+                    setCurrentChapter(response)
+                } else {
+                    setCurrentChapter(undefined);
+                }
+            } catch (e: unknown) {
+                if (e instanceof Error) {
+                    errorMessage(e.message);
+                } else {
+                    errorMessage(t("homePage.errors.lastChapterError"));
+                }
+            }
+        }
+    }
+
+    if (isLoading) {
+        return (
+            <div
+                className="bg-background text-text-primary h-screen flex flex-col items-center justify-center font-['Lora']">
+                <div className="flex flex-col items-center space-y-6">
+                    <div className="animate-pulse">
+                        <Image src={'/logo.png'} alt="ERitors Logo" width={400} height={400}/>
+                    </div>
+                    <div className="flex space-x-2">
+                        <div className="w-2 h-2 bg-primary rounded-full animate-bounce"></div>
+                        <div className="w-2 h-2 bg-primary rounded-full animate-bounce delay-100"></div>
+                        <div className="w-2 h-2 bg-primary rounded-full animate-bounce delay-200"></div>
+                    </div>
+                    <p className="text-text-secondary text-sm">
+                        {t("homePage.loading")}
+                    </p>
+                </div>
+            </div>
+        )
+    }
+
+    return (
+        <SessionContext.Provider value={{session: session, setSession: setSession}}>
+            <BookContext.Provider value={{book: currentBook, setBook: setCurrentBook}}>
+                <ChapterContext.Provider value={{chapter: currentChapter, setChapter: setCurrentChapter}}>
+                    <AIUsageContext.Provider value={{
+                        totalCredits: currentCredits,
+                        setTotalCredits: setCurrentCredits,
+                        totalPrice: amountSpent,
+                        setTotalPrice: setAmountSpent
+                    }}>
+                        <div
+                            className="bg-background text-text-primary h-screen flex flex-col font-['Lora']">
+                            <ScribeTopBar/>
+                            <EditorContext.Provider value={{editor: editor}}>
+                                <ScribeControllerBar/>
+                                <div className="flex-1 flex overflow-hidden">
+                                    <ScribeLeftBar/>
+                                    <ScribeEditor/>
+                                    <ComposerRightBar/>
+                                </div>
+                                <ScribeFooterBar/>
+                            </EditorContext.Provider>
+                        </div>
+                        {
+                            homeStepsGuide &&
+                            <GuideTour stepId={0} steps={homeSteps} onComplete={handleHomeTour}
+                                       onClose={(): void => setHomeStepsGuide(false)}/>
+                        }
+                        {
+                            !isTermsAccepted && <TermsOfUse onAccept={handleTermsAcceptance}/>
+                        }
+                    </AIUsageContext.Provider>
+                </ChapterContext.Provider>
+            </BookContext.Provider>
+        </SessionContext.Provider>
+    );
+}
+
+export default function Scribe() {
+    const [locale, setLocale] = useState<'fr' | 'en'>('fr');
+    
+    useEffect((): void => {
+        const lang: "fr" | "en" | null = System.getCookie('lang') as "fr" | "en" | null;
+        if (lang) {
+            setLocale(lang);
+        }
+    }, []);
+    
+    const messages = messagesMap[locale];
+    
+    return (
+        <LangContext.Provider value={{lang: locale, setLang: setLocale}}>
+            <NextIntlClientProvider locale={locale} messages={messages}>
+                <AlertProvider>
+                    <ScribeContent/>
+                </AlertProvider>
+            </NextIntlClientProvider>
+        </LangContext.Provider>
+    );
+}
diff --git a/components/AlertBox.tsx b/components/AlertBox.tsx
new file mode 100644
index 0000000..3b38292
--- /dev/null
+++ b/components/AlertBox.tsx
@@ -0,0 +1,103 @@
+import React, {useEffect, useState} from 'react';
+import {createPortal} from 'react-dom';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faCheck, faExclamationTriangle, faInfoCircle, faTimes} from '@fortawesome/free-solid-svg-icons';
+import ConfirmButton from "@/components/form/ConfirmButton";
+import CancelButton from "@/components/form/CancelButton";
+
+export type AlertType = 'alert' | 'danger' | 'informatif' | 'success';
+
+interface AlertBoxProps {
+    title: string;
+    message: string;
+    type: AlertType;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm: () => Promise<void>;
+    onCancel: () => void;
+}
+
+export default function AlertBox(
+    {
+        title,
+        message,
+        type,
+        confirmText = 'Confirmer',
+        cancelText = 'Annuler',
+        onConfirm,
+        onCancel
+    }: AlertBoxProps) {
+    const [mounted, setMounted] = useState(false);
+    
+    useEffect(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+
+    function getAlertConfig(alertType: AlertType) {
+        switch (alertType) {
+            case 'alert':
+                return {
+                    background: 'bg-warning',
+                    borderColor: 'border-warning/30',
+                    icon: faExclamationTriangle,
+                    iconBg: 'bg-warning/10'
+                };
+            case 'danger':
+                return {
+                    background: 'bg-error',
+                    borderColor: 'border-error/30',
+                    icon: faTimes,
+                    iconBg: 'bg-error/10'
+                };
+            case 'informatif':
+                return {
+                    background: 'bg-info',
+                    borderColor: 'border-info/30',
+                    icon: faInfoCircle,
+                    iconBg: 'bg-info/10'
+                };
+            case 'success':
+            default:
+                return {
+                    background: 'bg-success',
+                    borderColor: 'border-success/30',
+                    icon: faCheck,
+                    iconBg: 'bg-success/10'
+                };
+        }
+    }
+
+    const alertSettings = getAlertConfig(type);
+    
+    const alertContent = (
+        <div
+            className="fixed inset-0 z-[9999] flex items-center justify-center p-4 bg-black/60 backdrop-blur-md animate-fadeIn">
+            <div
+                className="relative w-full max-w-md rounded-2xl bg-tertiary shadow-2xl border border-secondary/50 overflow-hidden">
+                <div className={`${alertSettings.background} px-6 py-4 shadow-lg`}>
+                    <div className="flex items-center gap-4">
+                        <div
+                            className={`w-12 h-12 rounded-xl ${alertSettings.iconBg} flex items-center justify-center`}>
+                            <FontAwesomeIcon icon={alertSettings.icon} className="w-6 h-6 text-white"/>
+                        </div>
+                        <h3 className="text-xl font-bold text-white tracking-wide">{title}</h3>
+                    </div>
+                </div>
+                
+                <div className="p-6 bg-dark-background/30">
+                    <p className="mb-6 text-text-primary whitespace-pre-line leading-relaxed">{message}</p>
+                    
+                    <div className="flex justify-end gap-3">
+                        <CancelButton callBackFunction={onCancel} text={cancelText}/>
+                        <ConfirmButton text={confirmText} buttonType={type} callBackFunction={onConfirm}/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+    
+    if (!mounted) return null;
+    
+    return createPortal(alertContent, document.body);
+}
diff --git a/components/AlertStack.tsx b/components/AlertStack.tsx
new file mode 100644
index 0000000..9a5f6a9
--- /dev/null
+++ b/components/AlertStack.tsx
@@ -0,0 +1,57 @@
+'use client';
+
+import React from 'react';
+import {createPortal} from 'react-dom';
+import StaticAlert from '@/components/StaticAlert';
+import {Alert} from '@/context/AlertProvider';
+
+interface AlertStackProps {
+    alerts: Alert[];
+    onClose: (id: string) => void;
+}
+
+export default function AlertStack({alerts, onClose}: AlertStackProps) {
+    const [mounted, setMounted] = React.useState(false);
+    
+    React.useEffect(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+    
+    if (!mounted) return null;
+    
+    const alertContent = (
+        <div className="fixed top-4 right-4 z-50 flex flex-col gap-3 pointer-events-none">
+            {alerts.map((alert, index) => (
+                <div
+                    key={alert.id}
+                    className="pointer-events-auto"
+                    style={{
+                        animation: 'slideInFromRight 0.3s ease-out forwards',
+                        animationDelay: `${index * 50}ms`,
+                    }}
+                >
+                    <StaticAlert
+                        type={alert.type}
+                        message={alert.message}
+                        onClose={() => onClose(alert.id)}
+                    />
+                </div>
+            ))}
+            <style jsx>{`
+                @keyframes slideInFromRight {
+                    from {
+                        transform: translateX(400px);
+                        opacity: 0;
+                    }
+                    to {
+                        transform: translateX(0);
+                        opacity: 1;
+                    }
+                }
+            `}</style>
+        </div>
+    );
+    
+    return createPortal(alertContent, document.body);
+}
diff --git a/components/CollapsableArea.tsx b/components/CollapsableArea.tsx
new file mode 100644
index 0000000..ed79ab5
--- /dev/null
+++ b/components/CollapsableArea.tsx
@@ -0,0 +1,52 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faChevronDown, faChevronUp, IconDefinition} from "@fortawesome/free-solid-svg-icons";
+import React from "react";
+
+interface CollapsableAreaProps {
+    title: string;
+    children: React.ReactNode;
+    icon?: IconDefinition;
+}
+
+export default function CollapsableArea(
+    {
+        title,
+        children,
+        icon,
+    }: CollapsableAreaProps) {
+    const [isExpanded, setIsExpanded] = React.useState(false);
+
+    return (
+        <div
+            className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-4 border border-secondary/50 mb-4 shadow-md hover:shadow-lg transition-all duration-200">
+            <button
+                className="flex justify-between items-center w-full text-left group hover:scale-[1.02] transition-all duration-200"
+                    onClick={() => setIsExpanded(!isExpanded)}>
+                <div className="flex items-center">
+                    {
+                        icon && (
+                            <div
+                                className="w-8 h-8 rounded-full bg-primary flex items-center justify-center mr-2 shadow-md group-hover:shadow-lg group-hover:scale-110 transition-all duration-200">
+                                <FontAwesomeIcon
+                                    icon={icon}
+                                    className="text-white w-4 h-4 group-hover:rotate-12 transition-transform duration-200"
+                                />
+                            </div>
+                        )
+                    }
+                    <span className="text-text-primary font-bold">{title}</span>
+                </div>
+                <FontAwesomeIcon
+                    icon={isExpanded ? faChevronUp : faChevronDown}
+                    className="text-primary w-5 h-5 group-hover:scale-110 transition-all duration-200"
+                />
+            </button>
+
+            {isExpanded && (
+                <div className="mt-4 p-3 bg-secondary/20 rounded-lg border border-secondary/30 animate-fadeIn">
+                    {children}
+                </div>
+            )}
+        </div>
+    );
+}
diff --git a/components/CollapsableButton.tsx b/components/CollapsableButton.tsx
new file mode 100644
index 0000000..9954a6a
--- /dev/null
+++ b/components/CollapsableButton.tsx
@@ -0,0 +1,33 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import React from "react";
+import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
+
+interface CollapsableButtonProps {
+    showCollapsable: boolean;
+    text: string;
+    onClick: () => void;
+    icon?: IconDefinition;
+}
+
+export default function CollapsableButton(
+    {
+        showCollapsable,
+        text,
+        icon,
+        onClick
+    }: CollapsableButtonProps) {
+    return (
+        <button
+            onClick={onClick}
+            className={`group px-4 py-2 rounded-lg mr-2 transition-all duration-200 flex items-center gap-2 ${
+                showCollapsable
+                    ? 'bg-primary/20 text-primary border border-primary/40 shadow-md shadow-primary/20 scale-105'
+                    : 'bg-secondary/30 text-muted hover:text-text-primary hover:bg-secondary hover:shadow-sm hover:scale-105'
+            }`}
+        >
+            {icon && <FontAwesomeIcon icon={icon}
+                                      className="w-4 h-4 transition-transform duration-200 group-hover:scale-110"/>}
+            <span className={'hidden lg:block text-sm font-medium'}>{text}</span>
+        </button>
+    )
+}
diff --git a/components/Collapse.tsx b/components/Collapse.tsx
new file mode 100644
index 0000000..e2baebc
--- /dev/null
+++ b/components/Collapse.tsx
@@ -0,0 +1,39 @@
+import React, {JSX, useState} from "react";
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faChevronDown, faChevronRight} from '@fortawesome/free-solid-svg-icons';
+
+export interface CollapseProps {
+    title: string;
+    content: JSX.Element;
+}
+
+export default function Collapse({title, content}: CollapseProps) {
+    const [isOpen, setIsOpen] = useState<boolean>(false);
+    
+    function toggleCollapse(): void {
+        setIsOpen(!isOpen);
+    }
+    
+    return (
+        <div className="mb-4 shadow-md hover:shadow-lg transition-all duration-200">
+            <button
+                onClick={toggleCollapse}
+                className={`w-full text-left bg-secondary/50 hover:bg-secondary transition-all duration-200 p-4 flex items-center justify-between group border border-secondary/50 ${
+                    isOpen ? 'rounded-t-xl' : 'rounded-xl'
+                }`}
+            >
+                <span className="text-text-primary font-medium">{title}</span>
+                <FontAwesomeIcon
+                    icon={isOpen ? faChevronDown : faChevronRight}
+                    className="text-primary w-4 h-4 transition-transform group-hover:scale-110"
+                />
+            </button>
+            {isOpen && (
+                <div
+                    className="bg-secondary/30 border-l-4 border-primary p-4 rounded-b-xl border border-t-0 border-secondary/50 animate-fadeIn">
+                    <div className="text-text-primary">{content}</div>
+                </div>
+            )}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/CreditMeters.tsx b/components/CreditMeters.tsx
new file mode 100644
index 0000000..6f4b36f
--- /dev/null
+++ b/components/CreditMeters.tsx
@@ -0,0 +1,30 @@
+import React, {useContext} from "react";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faCoins, faDollarSign} from "@fortawesome/free-solid-svg-icons";
+import {AIUsageContext, AIUsageContextProps} from "@/context/AIUsageContext";
+
+export default function CreditCounter({isCredit}: { isCredit: boolean }) {
+    const {totalCredits, totalPrice} = useContext<AIUsageContextProps>(AIUsageContext)
+
+    if (isCredit) {
+        return (
+            <div
+                className="flex items-center space-x-2 bg-secondary/50 rounded-xl px-3 py-2 border border-secondary/50 shadow-sm">
+                <FontAwesomeIcon icon={faCoins} className="w-4 h-4 text-warning"/>
+                <span className="text-sm text-text-primary font-medium">
+                    {Math.round(totalCredits)} crédits
+                </span>
+            </div>
+        );
+    }
+
+    return (
+        <div
+            className="flex items-center space-x-2 bg-secondary/50 rounded-xl px-3 py-2 border border-secondary/50 shadow-sm">
+            <FontAwesomeIcon icon={faDollarSign} className="w-4 h-4 text-primary"/>
+            <span className="text-sm text-text-primary font-medium">
+                {totalPrice ? totalPrice.toFixed(2) : '0.00'}
+            </span>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/ExportBook.tsx b/components/ExportBook.tsx
new file mode 100644
index 0000000..3910310
--- /dev/null
+++ b/components/ExportBook.tsx
@@ -0,0 +1,190 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faDownload} from "@fortawesome/free-solid-svg-icons";
+import React, {useContext, useRef, useState} from "react";
+import {SessionContext} from "@/context/SessionContext";
+import {AlertContext} from "@/context/AlertContext";
+import {configs} from "@/lib/configs";
+
+interface CreateEpubProps {
+  bookId: string;
+  bookTitle: string;
+}
+
+export default function ExportBook({bookId, bookTitle}: CreateEpubProps) {
+  const {session} = useContext(SessionContext);
+  const {successMessage, errorMessage} = useContext(AlertContext);
+  const [showMenu, setShowMenu] = useState(false);
+  const menuRef = useRef<HTMLDivElement>(null);
+  const buttonRef = useRef<HTMLButtonElement>(null);
+  
+  function handleClickOutside(event: MouseEvent): void {
+    if (
+        menuRef.current &&
+        buttonRef.current &&
+        !menuRef.current.contains(event.target as Node) &&
+        !buttonRef.current.contains(event.target as Node)
+    ) {
+      setShowMenu(false);
+      document.removeEventListener("mousedown", handleClickOutside);
+    }
+  }
+  
+  function toggleMenu(): void {
+    if (!showMenu) {
+      setTimeout((): void => {
+        document.addEventListener("mousedown", handleClickOutside);
+      }, 0);
+    } else {
+      document.removeEventListener("mousedown", handleClickOutside);
+    }
+    setShowMenu(!showMenu);
+  }
+  
+  async function handleDownloadEpub() {
+    try {
+      const response = await fetch(
+          `${configs.apiUrl}book/transform/epub?id=${bookId}`,
+          {
+            method: "GET",
+            headers: {
+              Authorization: `Bearer ${session.accessToken}`,
+            },
+          }
+      );
+      
+      if (!response.ok) {
+        errorMessage(`Échec du téléchargement du EPUB.`);
+        return;
+      }
+      
+      const blob = await response.blob();
+      const virtualUrl = window.URL.createObjectURL(blob);
+      const aLink = document.createElement("a");
+      aLink.href = virtualUrl;
+      aLink.download = `${bookTitle}.epub`;
+      document.body.appendChild(aLink);
+      aLink.click();
+      aLink.remove();
+      window.URL.revokeObjectURL(virtualUrl);
+      setShowMenu(false);
+      successMessage(`Votre fichier EPUB a été téléchargé.`);
+    } catch (error) {
+      console.error(`Error downloading EPUB:`, error);
+      errorMessage(`Une erreur est survenue lors du téléchargement.`);
+    }
+  }
+  
+  async function handleDownloadPdf() {
+    try {
+      const response = await fetch(
+          `${configs.apiUrl}book/transform/pdf?id=${bookId}`,
+          {
+            method: "GET",
+            headers: {
+              Authorization: `Bearer ${session.accessToken}`,
+            },
+          }
+      );
+      
+      if (!response.ok) {
+        errorMessage(`Échec du téléchargement du PDF.`);
+        return;
+      }
+      
+      const blob = await response.blob();
+      const virtualUrl = window.URL.createObjectURL(blob);
+      const aLink = document.createElement("a");
+      aLink.href = virtualUrl;
+      aLink.download = `${bookTitle}.pdf`;
+      document.body.appendChild(aLink);
+      aLink.click();
+      aLink.remove();
+      window.URL.revokeObjectURL(virtualUrl);
+      setShowMenu(false);
+      successMessage(`Votre fichier PDF a été téléchargé.`);
+    } catch (error) {
+      console.error(`Error downloading PDF:`, error);
+      errorMessage(`Une erreur est survenue lors du téléchargement.`);
+    }
+  }
+  
+  async function handleDownloadDocx() {
+    try {
+      const response = await fetch(
+          `${configs.apiUrl}book/transform/docx?id=${bookId}`,
+          {
+            method: "GET",
+            headers: {
+              Authorization: `Bearer ${session.accessToken}`,
+            },
+          }
+      );
+      
+      if (!response.ok) {
+        errorMessage(`Échec du téléchargement du DOCX.`);
+        return;
+      }
+      
+      const blob = await response.blob();
+      const virtualUrl = window.URL.createObjectURL(blob);
+      const aLink = document.createElement("a");
+      aLink.href = virtualUrl;
+      aLink.download = `${bookTitle}.docx`;
+      document.body.appendChild(aLink);
+      aLink.click();
+      aLink.remove();
+      window.URL.revokeObjectURL(virtualUrl);
+      setShowMenu(false);
+      successMessage(`Votre fichier DOCX a été téléchargé.`);
+    } catch (error) {
+      console.error(`Error downloading DOCX:`, error);
+      errorMessage(`Une erreur est survenue lors du téléchargement.`);
+    }
+  }
+  
+  return (
+      <div className="relative">
+        <button
+            ref={buttonRef}
+            onClick={toggleMenu}
+            className="text-muted hover:text-primary transition-all duration-200 p-1.5 rounded-lg hover:bg-secondary/50 hover:scale-110"
+        >
+            <FontAwesomeIcon icon={faDownload} className={'w-4 h-4'}/>
+        </button>
+
+        {showMenu && (
+            <div
+                ref={menuRef}
+                className="absolute z-50 bg-tertiary/90 backdrop-blur-sm shadow-2xl rounded-xl border border-secondary/50"
+                style={{
+                    width: '110px',
+                  right: '-30px',
+                  top: '100%',
+                    marginTop: '8px',
+                }}
+            >
+                <ul className="py-2">
+                <li
+                    className="px-3 py-2 hover:bg-secondary cursor-pointer text-sm text-muted hover:text-text-primary transition-all duration-200 hover:scale-105 font-medium"
+                    onClick={handleDownloadEpub}
+                >
+                  EPUB
+                </li>
+                <li
+                    className="px-3 py-2 hover:bg-secondary cursor-pointer text-sm text-muted hover:text-text-primary transition-all duration-200 hover:scale-105 font-medium"
+                    onClick={handleDownloadPdf}
+                >
+                  PDF
+                </li>
+                <li
+                    className="px-3 py-2 hover:bg-secondary cursor-pointer text-sm text-muted hover:text-text-primary transition-all duration-200 hover:scale-105 font-medium"
+                    onClick={handleDownloadDocx}
+                >
+                  DOCX
+                </li>
+              </ul>
+            </div>
+        )}
+      </div>
+  );
+}
\ No newline at end of file
diff --git a/components/GuideTour.tsx b/components/GuideTour.tsx
new file mode 100644
index 0000000..817c475
--- /dev/null
+++ b/components/GuideTour.tsx
@@ -0,0 +1,383 @@
+import React, {JSX, useEffect, useRef, useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faXmark} from '@fortawesome/free-solid-svg-icons';
+
+export type GuidePosition =
+    'top'
+    | 'bottom'
+    | 'left'
+    | 'right'
+    | 'auto'
+    | 'top-left'
+    | 'top-right'
+    | 'bottom-left'
+    | 'bottom-right';
+
+export interface GuideStep {
+  id: number;
+  x?: number;
+  y?: number;
+  title: string;
+  content: React.ReactNode;
+  targetSelector?: string;
+  highlightRadius?: number;
+  position?: GuidePosition;
+}
+
+interface GuideTourProps {
+  stepId: number;
+  steps: GuideStep[];
+  onClose: () => void;
+  onComplete: () => void;
+}
+
+/**
+ * Generates the spotlight background style for a given guide step.
+ *
+ * @param {GuideStep} step - The guide step containing information about the target element,
+ *                           position, and properties for spotlight rendering.
+ * @return {string} The CSS background string representing the spotlight effect.
+ */
+function getSpotlightBackground(step: GuideStep): string {
+  if (step.x !== undefined && step.y !== undefined) {
+    return 'rgba(0, 0, 0, 0.5)';
+  }
+  if (!step.targetSelector) {
+    return 'rgba(0, 0, 0, 0.5)';
+  }
+  const element = document.querySelector(step.targetSelector) as HTMLElement | null;
+  if (!element) {
+    return 'rgba(0, 0, 0, 0.5)';
+  }
+  const rect: DOMRect = element.getBoundingClientRect();
+  const centerX: number = rect.left + rect.width / 2;
+  const centerY: number = rect.top + rect.height / 2;
+  const radius: number = Math.max(rect.width, rect.height) / 2 + (step.highlightRadius || 10);
+  
+  return `radial-gradient(circle at ${centerX}px ${centerY}px, transparent ${radius}px, rgba(0, 0, 0, 0.65) ${radius + 20}px)`;
+}
+
+/**
+ * Determines the position of a popover element based on the provided guide step properties.
+ *
+ * @param {GuideStep} step - An object containing the configuration for positioning the popover, including its x and y coordinates, target selector, and preferred position.
+ * @return {React.CSSProperties} An object representing the CSS properties to position the popover, including `left`, `top`, and optionally `transform` values.
+ */
+function getPopoverPosition(step: GuideStep): React.CSSProperties {
+  if (step.x !== undefined && step.y !== undefined) {
+    return {
+      left: `${step.x}%`,
+      top: `${step.y}%`,
+      transform: 'translate(-50%, -50%)'
+    };
+  }
+  
+  if (!step.targetSelector) {
+    return {
+      left: '50%',
+      top: '50%',
+      transform: 'translate(-50%, -50%)'
+    };
+  }
+  
+  const element = document.querySelector(step.targetSelector) as HTMLElement | null;
+  if (!element) {
+    return {
+      left: '50%',
+      top: '50%',
+      transform: 'translate(-50%, -50%)'
+    };
+  }
+  
+  const rect: DOMRect = element.getBoundingClientRect();
+  const {left, top, width, height} = rect;
+  const popoverWidth = 420;
+  const popoverHeight = 300;
+  const margin = 20;
+  const position: GuidePosition = step.position || 'auto';
+  
+  switch (position) {
+    case 'top':
+      return {
+        left: `${Math.max(margin, Math.min(left + width / 2 - popoverWidth / 2, window.innerWidth - popoverWidth - margin))}px`,
+        top: `${Math.max(margin, top - popoverHeight - margin)}px`,
+      };
+    
+    case 'bottom':
+      return {
+        left: `${Math.max(margin, Math.min(left + width / 2 - popoverWidth / 2, window.innerWidth - popoverWidth - margin))}px`,
+        top: `${Math.min(top + height + margin, window.innerHeight - popoverHeight - margin)}px`,
+      };
+    
+    case 'left':
+      return {
+        left: `${Math.max(margin, left - popoverWidth - margin)}px`,
+        top: `${Math.max(margin, Math.min(top + height / 2 - popoverHeight / 2, window.innerHeight - popoverHeight - margin))}px`,
+      };
+    
+    case 'right':
+      return {
+        left: `${Math.min(left + width + margin, window.innerWidth - popoverWidth - margin)}px`,
+        top: `${Math.max(margin, Math.min(top + height / 2 - popoverHeight / 2, window.innerHeight - popoverHeight - margin))}px`,
+      };
+    
+    case 'top-left':
+      return {
+        left: `${Math.max(margin, left)}px`,
+        top: `${Math.max(margin, top - popoverHeight - margin)}px`,
+      };
+    
+    case 'top-right':
+      return {
+        left: `${Math.max(margin, Math.min(left + width - popoverWidth, window.innerWidth - popoverWidth - margin))}px`,
+        top: `${Math.max(margin, top - popoverHeight - margin)}px`,
+      };
+    
+    case 'bottom-left':
+      return {
+        left: `${Math.max(margin, left)}px`,
+        top: `${Math.min(top + height + margin, window.innerHeight - popoverHeight - margin)}px`,
+      };
+    
+    case 'bottom-right':
+      return {
+        left: `${Math.max(margin, Math.min(left + width - popoverWidth, window.innerWidth - popoverWidth - margin))}px`,
+        top: `${Math.min(top + height + margin, window.innerHeight - popoverHeight - margin)}px`,
+      };
+    
+    case 'auto':
+    default:
+      let x: number = left + width + margin;
+      let y: number = top + height / 2 - popoverHeight / 2;
+      
+      if (x + popoverWidth > window.innerWidth - margin) {
+        x = left - popoverWidth - margin;
+      }
+      
+      if (x < margin) {
+        x = left + width / 2 - popoverWidth / 2;
+        y = top + height + margin;
+      }
+      
+      x = Math.max(margin, Math.min(x, window.innerWidth - popoverWidth - margin));
+      y = Math.max(margin, Math.min(y, window.innerHeight - popoverHeight - margin));
+      
+      return {
+        left: `${x}px`,
+        top: `${y}px`,
+      };
+  }
+}
+
+/**
+ * A component that guides the user through a series of steps.
+ * Displays a sequence of instructional overlay elements based on the provided steps.
+ * Handles navigation between steps and supports custom actions upon completion or closure.
+ *
+ * @param {Object} props - The properties object.
+ * @param {number} props.stepId - The initial step ID to start the guide.
+ * @param {Array} props.steps - An array of objects representing each step of the guide.
+ * Each step should include necessary details such as its ID and other metadata.
+ * @param {Function} props.onClose - Callback function executed when the guide is closed manually.
+ * @param {Function} props.onComplete - Callback function executed when the guide is completed after the last step.
+ *
+ * @return {JSX.Element|null} The guide tour component that renders the step-by-step instructions,
+ * or null if no steps are available or the initial conditions aren't met.
+ */
+export default function GuideTour({stepId, steps, onClose, onComplete}: GuideTourProps): JSX.Element | null {
+  const [currentStep, setCurrentStep] = useState<number>(0);
+  const [isVisible, setIsVisible] = useState<boolean>(false);
+  const [rendered, setRendered] = useState<boolean>(false);
+  
+  const filteredSteps: GuideStep[] = React.useMemo((): GuideStep[] => {
+    return steps.filter((step: GuideStep): boolean => step.id >= stepId);
+  }, [steps, stepId]);
+  
+  const currentStepData: GuideStep = filteredSteps[currentStep];
+  
+  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+  
+  const showStep = (index: number) => {
+    setIsVisible(false);
+    
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    
+    timeoutRef.current = setTimeout((): void => {
+      setCurrentStep(index);
+      setRendered(false);
+      
+      const step: GuideStep = filteredSteps[index];
+      if (step?.targetSelector) {
+        const element = document.querySelector(step.targetSelector) as HTMLElement;
+        if (element) {
+          element.scrollIntoView({behavior: 'smooth', block: 'center'});
+        }
+      }
+      
+      timeoutRef.current = setTimeout((): void => {
+        setRendered(true);
+        
+        timeoutRef.current = setTimeout((): void => {
+          setIsVisible(true);
+        }, 50);
+      }, 600);
+    }, 200);
+  };
+  
+  useEffect((): () => void => {
+    showStep(0);
+    
+    return (): void => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  
+  const handleNext: () => void = (): void => {
+    if (currentStep < filteredSteps.length - 1) {
+      showStep(currentStep + 1);
+    } else {
+      onComplete();
+    }
+  };
+  
+  const handlePrevious: () => void = (): void => {
+    if (currentStep > 0) {
+      showStep(currentStep - 1);
+    }
+  };
+  if (!filteredSteps.length || !currentStepData) {
+    return null;
+  }
+  return (
+      <div className="fixed inset-0 z-50 font-['Lora']">
+        <div
+            className="absolute inset-0 transition-opacity duration-500"
+            style={{
+              background: rendered ? getSpotlightBackground(currentStepData) : 'rgba(0, 0, 0, 0.5)',
+              opacity: isVisible ? 1 : 0
+            }}
+            onClick={onClose}
+        />
+        {rendered && (
+            <GuidePopup
+                step={currentStepData}
+                isVisible={isVisible}
+                currentStep={currentStep}
+                totalSteps={filteredSteps.length}
+                onPrevious={handlePrevious}
+                onNext={handleNext}
+                onClose={onClose}
+            />
+        )}
+      </div>
+  );
+}
+
+/**
+ * Functional component that displays a guide popup. This popup includes step-based navigation,
+ * title, content, and control buttons for navigating between steps or closing the popup.
+ *
+ * @param {object} params - The parameters for the GuidePopup component.
+ * @param {GuideStep} params.step - The current guide step data, containing title and content.
+ * @param {boolean} params.isVisible - Determines whether the popup is visible.
+ * @param {number} params.currentStep - The index of the current step in the guide.
+ * @param {number} params.totalSteps - Total number of steps in the guide.
+ * @param {function} params.onPrevious - Callback invoked when navigating to the previous step.
+ * @param {function} params.onNext - Callback invoked when navigating to the next step.
+ * @param {function} params.onClose - Callback invoked when closing the popup.
+ * @return {JSX.Element} The rendered GuidePopup component.
+ */
+function GuidePopup(
+    {
+      step,
+      isVisible,
+      currentStep,
+      totalSteps,
+      onPrevious,
+      onNext,
+      onClose
+    }: {
+      step: GuideStep;
+      isVisible: boolean;
+      currentStep: number;
+      totalSteps: number;
+      onPrevious: () => void;
+      onNext: () => void;
+      onClose: () => void;
+    }): JSX.Element {
+  const positionStyle = React.useMemo(() => {
+    return getPopoverPosition(step);
+  }, [step]);
+  
+  return (
+      <div
+          className={`absolute bg-tertiary border border-primary/30 rounded-xl shadow-2xl w-96 transition-all duration-300 ${
+              isVisible ? 'opacity-100 scale-100' : 'opacity-0 scale-95'
+          }`}
+          style={positionStyle}
+      >
+        <div className="px-8 py-6 border-b border-secondary/40">
+          <div className="flex items-start justify-between">
+            <div className="flex-1 mr-6">
+                <h3 className="text-text-primary font-semibold text-xl mb-3">
+                {step.title}
+              </h3>
+              <div className="flex items-center space-x-4">
+              <span className="text-primary text-sm font-medium bg-primary/10 px-3 py-1 rounded-full">
+                Étape {currentStep + 1} sur {totalSteps}
+              </span>
+                <div className="flex items-center space-x-2">
+                  {Array.from({length: totalSteps}).map((_, index) => (
+                      <div
+                          key={index}
+                          className={`w-2.5 h-2.5 rounded-full transition-all duration-300 ${
+                              index <= currentStep ? 'bg-primary scale-110' : 'bg-secondary/60'
+                          }`}
+                      />
+                  ))}
+                </div>
+              </div>
+            </div>
+            <button
+                onClick={onClose}
+                className="text-muted hover:text-text-primary transition-colors p-2 hover:bg-secondary/30 rounded-lg"
+                type="button"
+            >
+              <FontAwesomeIcon icon={faXmark} className="text-lg"/>
+            </button>
+          </div>
+        </div>
+        <div className="px-8 py-8">
+            <div className="text-text-secondary text-base leading-relaxed space-y-4">
+            {step.content}
+          </div>
+        </div>
+        <div className="px-8 py-6 bg-secondary/20 border-t border-secondary/30 rounded-b-xl">
+          <div className="flex items-center justify-between">
+            {currentStep > 0 ? (
+                <button
+                    onClick={onPrevious}
+                    className="text-muted hover:text-text-primary text-sm px-4 py-2 rounded-lg hover:bg-secondary/30 transition-all"
+                    type="button"
+                >
+                  ← Précédent
+                </button>
+            ) : (
+                <div></div>
+            )}
+            <button
+                onClick={onNext}
+                className="bg-primary hover:bg-primary-dark text-text-primary px-6 py-3 rounded-lg transition-all duration-200 text-sm font-medium shadow-lg hover:shadow-xl transform hover:scale-105"
+                type="button"
+            >
+              {currentStep === totalSteps - 1 ? '🎉 Terminer' : 'Continuer →'}
+            </button>
+          </div>
+        </div>
+      </div>
+  );
+}
\ No newline at end of file
diff --git a/components/ListItem.tsx b/components/ListItem.tsx
new file mode 100644
index 0000000..d12a05c
--- /dev/null
+++ b/components/ListItem.tsx
@@ -0,0 +1,154 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faArrowDown, faArrowUp, faCheck, faPen, faTrash, faX, IconDefinition} from "@fortawesome/free-solid-svg-icons";
+import React, {ChangeEvent, useState} from "react";
+import TextInput from "@/components/form/TextInput";
+
+interface ListItemProps {
+    onClick: () => void;
+    selectedId: number | string;
+    id: number | string;
+    icon?: IconDefinition;
+    numericalIdentifier?: number;
+    isEditable?: boolean;
+    text: string;
+    handleDelete?: (itemId: string) => void;
+    handleUpdate?: (itemId: string, newValue: string, subNewValue: number) => void;
+}
+
+export default function ListItem(
+    {
+        text,
+        selectedId,
+        id,
+        icon,
+        onClick,
+        isEditable = false,
+        handleDelete,
+        numericalIdentifier,
+        handleUpdate
+    }: ListItemProps) {
+    
+    const [itemHover, setItemHover] = useState<boolean>(false);
+    const [editMode, setEditMode] = useState<boolean>(false);
+    
+    const [newName, setNewName] = useState<string>('');
+    const [newChapterOrder, setNewChapterOrder] = useState<number>(numericalIdentifier ?? 0);
+    
+    function handleEdit(itemName: string): void {
+        setNewName(itemName)
+        setEditMode(true)
+    }
+    
+    function handleSave(): void {
+        if (!handleUpdate) return;
+        handleUpdate(id as string, newName, newChapterOrder)
+        setEditMode(false);
+    }
+    
+    
+    function moveItem(direction: "up" | "down"): void {
+        switch (direction) {
+            case "up":
+                if (newChapterOrder > 0) {
+                    setNewChapterOrder(newChapterOrder - 1)
+                }
+                break;
+            case "down":
+                if (newChapterOrder < 100) {
+                    setNewChapterOrder(newChapterOrder + 1)
+                }
+                break;
+            default:
+                break;
+        }
+    }
+    
+    return (
+        <li onMouseOver={(): void => setItemHover(true)} onMouseLeave={(): void => setItemHover(false)}
+            className={`group relative flex items-center p-3 rounded-xl transition-colors duration-200 border-l-4 ${
+                selectedId === id
+                    ? 'bg-secondary border-primary'
+                    : 'bg-secondary/50 hover:bg-secondary border-transparent'
+            }`}>
+            {
+                (numericalIdentifier != null && newChapterOrder >= 0) && (
+                    <span className="text-primary font-bold mr-3 text-sm min-w-[24px]">
+                        {newChapterOrder >= 0 ? newChapterOrder : numericalIdentifier}.
+                    </span>
+                )
+            }
+            {
+                icon && (
+                    <div className="mr-3 w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center">
+                        <FontAwesomeIcon icon={icon} className={'w-4 h-4 text-primary'}/>
+                    </div>
+                )
+            }
+            <div className={'flex justify-between items-center w-full gap-2'}>
+                {
+                    editMode ? (
+                        <div className={'flex gap-2 w-full items-center'}>
+                            <div className="flex-1">
+                                <TextInput
+                                    value={newName ? newName : text}
+                                    setValue={(e: ChangeEvent<HTMLInputElement>): void => setNewName(e.target.value)}
+                                    placeholder=""
+                                />
+                            </div>
+                            <button
+                                className={`p-2 rounded-lg transition-all ${
+                                    numericalIdentifier === 0
+                                        ? 'text-muted opacity-40 cursor-not-allowed'
+                                        : 'text-text-primary hover:text-primary hover:bg-primary/10'
+                                }`}
+                                onClick={(): void => moveItem('up')}
+                                disabled={numericalIdentifier === 0}
+                            >
+                                <FontAwesomeIcon icon={faArrowUp} size="sm"/>
+                            </button>
+                            <button
+                                className="p-2 rounded-lg text-text-primary hover:text-primary hover:bg-primary/10 transition-all"
+                                onClick={(): void => moveItem("down")}
+                            >
+                                <FontAwesomeIcon icon={faArrowDown} size="sm"/>
+                            </button>
+                        </div>
+                    ) : (
+                        <span
+                            className={'cursor-pointer text-sm font-medium flex-1 group-hover:text-text-primary transition-colors'}
+                            onClick={onClick}>{text}</span>
+                    )
+                }
+                {
+                    !editMode && isEditable && (
+                        <div
+                            className={'absolute right-1 flex gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity'}>
+                            <button onClick={(): void => handleEdit(text)}
+                                    className="p-1 rounded-lg bg-secondary hover:bg-primary/10 transition-colors">
+                                <FontAwesomeIcon icon={faPen} className={'w-3.5 h-3.5 text-primary'}/>
+                            </button>
+                            <button onClick={(): void | undefined => handleDelete && handleDelete(id.toString())}
+                                    className="p-1 rounded-lg bg-secondary hover:bg-error/10 transition-colors">
+                                <FontAwesomeIcon icon={faTrash} className={'w-3.5 h-3.5 text-error'}/>
+                            </button>
+                        </div>
+                    )
+                }
+                {
+                    editMode && isEditable && (
+                        <div className={'flex gap-1'}>
+                            <button onClick={handleSave}
+                                    className="p-2 rounded-lg hover:bg-primary/10 transition-all">
+                                <FontAwesomeIcon icon={faCheck} className={'w-3.5 h-3.5 text-primary'}/>
+                            </button>
+                            <button onClick={(): void => setEditMode(false)}
+                                    className="p-2 rounded-lg hover:bg-error/10 transition-all">
+                                <FontAwesomeIcon icon={faX} className={'w-3.5 h-3.5 text-error'}/>
+                            </button>
+                        </div>
+                    )
+                }
+            </div>
+        </li>
+    )
+}
diff --git a/components/Modal.tsx b/components/Modal.tsx
new file mode 100644
index 0000000..e516d5b
--- /dev/null
+++ b/components/Modal.tsx
@@ -0,0 +1,91 @@
+import React, {ReactNode, useEffect, useState} from 'react';
+import {createPortal} from 'react-dom';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faX} from "@fortawesome/free-solid-svg-icons";
+
+interface ModalProps {
+    title: string;
+    children: ReactNode;
+    size: 'small' | 'medium' | 'large';
+    onClose: () => void;
+    onConfirm: () => void;
+    confirmText?: string;
+    cancelText?: string;
+    enableFooter?: boolean;
+}
+
+export default function Modal(
+    {
+        title,
+        children,
+        size,
+        onClose,
+        onConfirm,
+        confirmText = 'Confirm',
+        cancelText = 'Cancel',
+        enableFooter = true,
+    }: ModalProps) {
+    const [mounted, setMounted] = useState(false);
+    
+    useEffect(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+
+    function getSizeClasses(size: 'small' | 'medium' | 'large'): string {
+        switch (size) {
+            case 'small':
+                return 'w-1/4';
+            case 'medium':
+                return 'w-1/2';
+            case 'large':
+                return 'w-3/4';
+            default:
+                return 'w-1/2';
+        }
+    }
+    
+    const modalContent = (
+        <div
+            className="fixed inset-0 z-40 flex items-center justify-center p-4 bg-black/60 backdrop-blur-md animate-fadeIn">
+            <div
+                className={`relative bg-tertiary text-text-primary rounded-2xl border border-secondary/50 shadow-2xl max-h-[90vh] overflow-hidden flex flex-col ${getSizeClasses(size)}`}>
+                <div
+                    className="flex justify-between items-center bg-primary px-6 py-4 rounded-t-2xl shadow-lg border-b border-primary-dark">
+                    <h2 className="font-['ADLaM_Display'] text-xl tracking-wide">{title}</h2>
+                    <button
+                        className="group text-white/80 hover:text-white p-2 rounded-lg hover:bg-white/10 transition-all hover:scale-110"
+                        onClick={onClose}>
+                        <FontAwesomeIcon icon={faX} className={'w-5 h-5 transition-transform group-hover:rotate-90'}/>
+                    </button>
+                </div>
+                <div className="flex-1 overflow-auto">
+                    {children}
+                </div>
+                {
+                    enableFooter && (
+                        <div
+                            className="flex justify-end gap-3 px-6 py-4 border-t border-secondary/50 bg-dark-background/30">
+                            <button
+                                onClick={onClose}
+                                className="px-5 py-2.5 rounded-lg bg-secondary/50 text-text-primary hover:bg-secondary border border-secondary/50 hover:border-primary/30 transition-all hover:shadow-md hover:scale-105"
+                            >
+                                {cancelText || 'Annuler'}
+                            </button>
+                            <button
+                                onClick={onConfirm}
+                                className="px-5 py-2.5 rounded-lg bg-primary text-text-primary hover:bg-primary-dark shadow-md hover:shadow-lg hover:shadow-primary/30 transition-all hover:scale-105"
+                            >
+                                {confirmText || 'Confirmer'}
+                            </button>
+                        </div>
+                    )
+                }
+            </div>
+        </div>
+    );
+    
+    if (!mounted) return null;
+    
+    return createPortal(modalContent, document.body);
+}
diff --git a/components/NoPicture.tsx b/components/NoPicture.tsx
new file mode 100644
index 0000000..f87eb90
--- /dev/null
+++ b/components/NoPicture.tsx
@@ -0,0 +1,13 @@
+import React, {useContext} from "react";
+import {SessionContext} from "@/context/SessionContext";
+
+export default function NoPicture() {
+    const {session} = useContext(SessionContext);
+    return (
+        <div
+            className="bg-primary text-text-primary rounded-full w-8 h-8 border-2 border-primary-dark hover:bg-primary-dark flex items-center justify-center text-sm font-semibold transition-all duration-200 hover:scale-110 shadow-md hover:shadow-lg">
+            <span>{session.user?.name && session.user.name.charAt(0).toUpperCase()}</span>
+            <span>{session.user?.lastName && session.user.lastName.charAt(0).toUpperCase()}</span>
+        </div>
+    )
+}
diff --git a/components/PanelHeader.tsx b/components/PanelHeader.tsx
new file mode 100644
index 0000000..fc8728c
--- /dev/null
+++ b/components/PanelHeader.tsx
@@ -0,0 +1,88 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faSave, faX} from "@fortawesome/free-solid-svg-icons";
+import React from "react";
+import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
+
+interface PanelHeaderProps {
+    title: string;
+    badge?: string;
+    description: string;
+    icon?: IconDefinition;
+    callBackAction?: () => Promise<void>;
+    secondActionIcon?: IconDefinition;
+    secondActionCallback?: () => Promise<void>;
+    actionIcon?: IconDefinition;
+    actionText?: string;
+}
+
+export default function PanelHeader(
+    {
+        title,
+        badge,
+        description,
+        icon,
+        callBackAction,
+        secondActionCallback,
+        secondActionIcon = faSave,
+        actionIcon = faX,
+        actionText
+    }: PanelHeaderProps) {
+    return (
+        <div className={'border-b border-primary/30 shrink-0 bg-gradient-to-r from-dark-background/50 to-transparent'}>
+            <div className="flex justify-between items-center p-4">
+                <div className="flex-1">
+                    <h2 className="text-lg lg:text-xl text-primary font-bold flex items-center gap-3 flex-wrap">
+                        {
+                            icon && (
+                                <div className="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center">
+                                    <FontAwesomeIcon icon={icon} className="text-primary w-5 h-5"/>
+                                </div>
+                            )
+                        }
+                        <span className="tracking-wide">{title}</span>
+                        {
+                            badge &&
+                            <span
+                                className="text-xs bg-primary/20 text-primary px-3 py-1 rounded-full font-medium border border-primary/30">{badge}</span>
+                        }
+                    </h2>
+                    {description && <p className="text-text-secondary text-xs mt-2 ml-13">{description}</p>}
+                </div>
+                <div className="flex items-center gap-2">
+                    {
+                        actionText && (
+                            <button onClick={callBackAction}
+                                    className="group text-text-primary px-4 py-2 text-sm bg-secondary/50 rounded-xl hover:bg-secondary transition-all border border-secondary/50 hover:border-primary/30 flex items-center gap-2 hover:shadow-md hover:scale-105">
+                                <div
+                                    className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center transition-transform group-hover:scale-110">
+                                    <FontAwesomeIcon icon={actionIcon} className="w-4 h-4"/>
+                                </div>
+                                {
+                                    actionText && <span className="font-medium">{actionText}</span>
+                                }
+                            </button>
+                        )
+                    }
+                    {
+                        secondActionCallback && (
+                            <button onClick={secondActionCallback}
+                                    className="group w-10 h-10 bg-primary/10 hover:bg-primary/20 rounded-lg flex items-center justify-center transition-all hover:shadow-md hover:scale-110 border border-primary/30">
+                                <FontAwesomeIcon icon={secondActionIcon}
+                                                 className="w-4 h-4 text-primary transition-transform group-hover:scale-110"/>
+                            </button>
+                        )
+                    }
+                    {
+                        callBackAction && actionIcon && !actionText && (
+                            <button onClick={callBackAction}
+                                    className="group text-muted hover:text-text-primary transition-all hover:scale-110">
+                                <FontAwesomeIcon icon={actionIcon}
+                                                 className={'w-5 h-5 transition-transform group-hover:rotate-90'}/>
+                            </button>
+                        )
+                    }
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/components/QSTextGeneratedPreview.tsx b/components/QSTextGeneratedPreview.tsx
new file mode 100644
index 0000000..3b83a8a
--- /dev/null
+++ b/components/QSTextGeneratedPreview.tsx
@@ -0,0 +1,121 @@
+import React, {ReactPortal, useEffect, useState} from 'react';
+import {createPortal} from 'react-dom';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faPaperPlane, faStop, faSync, faX} from '@fortawesome/free-solid-svg-icons';
+import {useTranslations} from "next-intl";
+
+interface QSTextGeneratedPreviewProps {
+    onClose: () => void;
+    onRefresh: () => void;
+    value: string;
+    onInsert: () => void;
+    isGenerating?: boolean;
+    onStop?: () => void;
+}
+
+export default function QSTextGeneratedPreview(
+    {
+        onClose,
+        onRefresh,
+        value,
+        onInsert,
+        isGenerating = false,
+        onStop,
+    }: QSTextGeneratedPreviewProps): ReactPortal | null {
+
+    const [mounted, setMounted] = useState(false);
+    const [isVisible, setIsVisible] = useState(false);
+    const t = useTranslations();
+
+    useEffect((): () => void => {
+        setMounted(true);
+        const timer = setTimeout(() => setIsVisible(true), 10);
+        return (): void => {
+            setMounted(false);
+            setIsVisible(false);
+            clearTimeout(timer);
+        };
+    }, []);
+    
+    const handleClose = (): void => {
+        setIsVisible(false);
+        setTimeout(onClose, 300); // Attend la fin de l'animation avant de fermer
+    };
+
+    if (!mounted) return null;
+
+    const modalContent = (
+        <div
+            className={`fixed inset-0 z-50 flex items-center justify-center font-['Lora'] transition-opacity duration-300 ${isVisible ? 'opacity-100' : 'opacity-0'}`}>
+            <div className="absolute inset-0 bg-overlay" onClick={handleClose}></div>
+            <div
+                className={`relative w-[90%] max-w-2xl h-[80%] bg-tertiary/90 backdrop-blur-sm rounded-2xl overflow-hidden border border-secondary/50 shadow-2xl flex flex-col transition-all duration-300 ${isVisible ? 'scale-100 opacity-100' : 'scale-95 opacity-0'}`}>
+                <div
+                    className="flex justify-between items-center px-5 py-4 bg-secondary/30 backdrop-blur-sm border-b border-secondary/50 shadow-sm">
+                    <div className="flex items-center">
+                        <h2 className="text-xl font-['ADLaM_Display'] text-text-primary">{t("qsTextPreview.title")}</h2>
+                    </div>
+
+                    <div className="flex items-center space-x-2">
+                        {isGenerating && onStop ? (
+                            <button
+                                onClick={onStop}
+                                className="w-9 h-9 rounded-xl bg-red-500 text-white hover:bg-red-600 transition-all duration-200 hover:scale-110 flex justify-center items-center shadow-sm hover:shadow-md"
+                            >
+                                <FontAwesomeIcon icon={faStop}/>
+                            </button>
+                        ) : (
+                            <button
+                                onClick={onRefresh}
+                                className="w-9 h-9 rounded-xl bg-secondary/50 text-primary hover:bg-secondary transition-all duration-200 hover:scale-110 flex justify-center items-center shadow-sm hover:shadow-md border border-secondary/50"
+                            >
+                                <FontAwesomeIcon icon={faSync}/>
+                            </button>
+                        )}
+                        <button
+                            onClick={handleClose}
+                            className="text-muted hover:text-text-primary p-2 rounded-xl hover:bg-secondary transition-all duration-200 hover:scale-110"
+                        >
+                            <FontAwesomeIcon icon={faX} className={'h-5 w-5'}/>
+                        </button>
+                    </div>
+                </div>
+                <div className="flex-1 p-5 overflow-auto custom-scrollbar">
+                    <div
+                        className="w-full bg-darkest-background text-text-primary p-5 rounded-xl border border-secondary/50 shadow-inner">
+                        {isGenerating && !value ? (
+                            <div className="space-y-4 animate-pulse">
+                                <div className="h-4 bg-secondary/30 rounded w-full"></div>
+                                <div className="h-4 bg-secondary/30 rounded w-11/12"></div>
+                                <div className="h-4 bg-secondary/30 rounded w-full"></div>
+                                <div className="h-4 bg-secondary/30 rounded w-10/12"></div>
+                                <div className="h-4 bg-secondary/30 rounded w-full"></div>
+                                <div className="h-4 bg-secondary/30 rounded w-9/12"></div>
+                                <div className="h-4 bg-secondary/30 rounded w-full"></div>
+                                <div className="h-4 bg-secondary/30 rounded w-11/12"></div>
+                            </div>
+                        ) : (
+                            <div className="space-y-4">
+                                <div className="text-justify leading-relaxed whitespace-pre-wrap fade-in-text">
+                                    {value}
+                                </div>
+                            </div>
+                        )}
+                    </div>
+                </div>
+                <div
+                    className="px-5 py-4 bg-secondary/30 backdrop-blur-sm border-t border-secondary/50 flex justify-end shadow-inner">
+                    <button
+                        onClick={onInsert}
+                        className="flex items-center py-2.5 px-5 rounded-xl bg-primary text-text-primary hover:bg-primary-dark transition-all duration-200 hover:scale-105 shadow-md hover:shadow-lg font-medium"
+                    >
+                        <FontAwesomeIcon icon={faPaperPlane} className="mr-2"/>
+                        {t("qsTextPreview.insert")}
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+    
+    return createPortal(modalContent, document.body);
+}
diff --git a/components/ScribeControllerBar.tsx b/components/ScribeControllerBar.tsx
new file mode 100644
index 0000000..e7bdaed
--- /dev/null
+++ b/components/ScribeControllerBar.tsx
@@ -0,0 +1,184 @@
+import React, {useContext, useState} from "react";
+import {ChapterProps, chapterVersions} from "@/lib/models/Chapter";
+import {ChapterContext} from "@/context/ChapterContext";
+import {BookContext} from "@/context/BookContext";
+import System from "@/lib/models/System";
+import UserMenu from "@/components/UserMenu";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faGear, faGlobe, faHome} from "@fortawesome/free-solid-svg-icons";
+import {SelectBoxProps} from "@/shared/interface";
+import {AlertContext} from "@/context/AlertContext";
+import {SessionContext} from "@/context/SessionContext";
+import Book, {BookListProps} from "@/lib/models/Book";
+import Modal from "@/components/Modal";
+import BookSetting from "@/components/book/settings/BookSetting";
+import SelectBox from "@/components/form/SelectBox";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import CreditCounter from "@/components/CreditMeters";
+import QuillSense from "@/lib/models/QuillSense";
+
+export default function ScribeControllerBar() {
+    const {chapter, setChapter} = useContext(ChapterContext);
+    const {book, setBook} = useContext(BookContext);
+    const {errorMessage} = useContext(AlertContext)
+    const {session} = useContext(SessionContext);
+    const t = useTranslations();
+    const {lang, setLang} = useContext<LangContextProps>(LangContext)
+    
+    const isGPTEnabled: boolean = QuillSense.isOpenAIEnabled(session);
+    const isGemini: boolean = QuillSense.isOpenAIEnabled(session);
+    const isAnthropic: boolean = QuillSense.isOpenAIEnabled(session);
+    const isSubTierTwo: boolean = QuillSense.getSubLevel(session) >= 2;
+    const hasAccess: boolean = (isGPTEnabled || isAnthropic || isGemini) || isSubTierTwo;
+    
+    const [showSettingPanel, setShowSettingPanel] = useState<boolean>(false);
+    
+    async function handleChapterVersionChanged(version: number) {
+        try {
+            const response: ChapterProps = await System.authGetQueryToServer<ChapterProps>(`chapter/whole`, session.accessToken, lang, {
+                bookid: book?.bookId,
+                id: chapter?.chapterId,
+                version: version,
+            });
+            if (!response) {
+                errorMessage(t("controllerBar.chapterNotFound"));
+                return;
+            }
+            setChapter(response);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("controllerBar.unknownChapterError"));
+            }
+        }
+    }
+    
+    async function getBook(bookId: string): Promise<void> {
+        try {
+            const response: BookListProps = await System.authGetQueryToServer<BookListProps>(`book/basic-information`, session.accessToken, lang, {
+                id: bookId,
+            });
+            if (!response) {
+                errorMessage(t("controllerBar.bookNotFound"));
+                return;
+            }
+            setBook!!({
+                bookId: response.id,
+                type: response.type,
+                title: response.title,
+                subTitle: response.subTitle,
+                summary: response.summary,
+                publicationDate: response.desiredReleaseDate,
+                desiredWordCount: response.desiredWordCount,
+                totalWordCount: response.desiredWordCount,
+            });
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("controllerBar.unknownBookError"));
+            }
+        }
+    }
+    
+    function handleLanguageChange(language: "fr" | "en"): void {
+        System.setCookie('lang', language, 365);
+        const newLang: "en" | "fr" | null = System.getCookie('lang') as "en" | "fr" | null;
+        if (newLang) {
+            setLang(language);
+        }
+    }
+    
+    return (
+        <div
+            className="flex items-center justify-between px-6 py-3 bg-tertiary/90 backdrop-blur-sm border-b border-secondary/50 shadow-md">
+            <div className="flex items-center space-x-4">
+                <div className="flex items-center gap-2">
+                    {book && (
+                        <button onClick={(): void => setShowSettingPanel(true)}
+                                className="group p-2 rounded-lg text-muted hover:text-text-primary hover:bg-secondary/50 transition-all hover:scale-110">
+                            <FontAwesomeIcon icon={faGear}
+                                             className={'w-5 h-5 transition-transform group-hover:rotate-90'}/>
+                        </button>
+                    )}
+                    {
+                        book && (
+                            <button onClick={(): void => {
+                                setBook && setBook(null)
+                                setChapter && setChapter(undefined)
+                            }}
+                                    className="group p-2 rounded-lg text-muted hover:text-primary hover:bg-secondary/50 transition-all hover:scale-110">
+                                <FontAwesomeIcon icon={faHome}
+                                                 className={'w-5 h-5 transition-transform group-hover:scale-110'}/>
+                            </button>
+                        )
+                    }
+                </div>
+                <div className="min-w-[200px]">
+                    <SelectBox onChangeCallBack={(e) => getBook(e.target.value)}
+                               data={Book.booksToSelectBox(session.user?.books ?? [])} defaultValue={book?.bookId}
+                               placeholder={t("controllerBar.selectBook")}/>
+                </div>
+                {chapter && (
+                    <div className="min-w-[180px]">
+                        <SelectBox onChangeCallBack={(e) => handleChapterVersionChanged(parseInt(e.target.value))}
+                                   data={chapterVersions.filter((version: SelectBoxProps): boolean => {
+                                       return !(version.value === '1' && !hasAccess);
+                                   }).map((version: SelectBoxProps) => {
+                                       return {
+                                           value: version.value.toString(),
+                                           label: t(version.label)
+                                       }
+                                   })} defaultValue={chapter?.chapterContent.version.toString()}/>
+                    </div>
+                )}
+            </div>
+            <div className="flex items-center space-x-4">
+                {
+                    hasAccess &&
+                    <CreditCounter isCredit={isSubTierTwo}/>
+                }
+                <div
+                    className="flex items-center bg-secondary/50 rounded-xl overflow-hidden border border-secondary shadow-sm">
+                    <div className="flex items-center px-3 py-2 bg-dark-background/50 border-r border-secondary">
+                        <FontAwesomeIcon icon={faGlobe} className="w-4 h-4 text-primary"/>
+                    </div>
+                    <button
+                        onClick={() => handleLanguageChange('fr')}
+                        className={`px-4 py-2 text-sm font-semibold transition-all ${
+                            lang === 'fr'
+                                ? 'bg-primary text-text-primary shadow-md'
+                                : 'bg-transparent text-text-secondary hover:bg-secondary/50 hover:text-text-primary'
+                        }`}
+                    >
+                        FR
+                    </button>
+                    <button
+                        onClick={() => handleLanguageChange('en')}
+                        className={`px-4 py-2 text-sm font-semibold transition-all ${
+                            lang === 'en'
+                                ? 'bg-primary text-text-primary shadow-md'
+                                : 'bg-transparent text-text-secondary hover:bg-secondary/50 hover:text-text-primary'
+                        }`}
+                    >
+                        EN
+                    </button>
+                </div>
+                <UserMenu/>
+            </div>
+            {
+                showSettingPanel &&
+                <Modal title={t("controllerBar.bookSettings")}
+                       size={'large'}
+                       onClose={() => setShowSettingPanel(false)}
+                       onConfirm={() => {
+                       }}
+                       children={<BookSetting/>}
+                       enableFooter={false}
+                />
+            }
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/ScribeFooterBar.tsx b/components/ScribeFooterBar.tsx
new file mode 100644
index 0000000..8ec1327
--- /dev/null
+++ b/components/ScribeFooterBar.tsx
@@ -0,0 +1,99 @@
+import {ChapterContext} from "@/context/ChapterContext";
+import {EditorContext} from "@/context/EditorContext";
+import React, {useContext, useEffect, useState} from "react";
+import {Editor} from "@tiptap/react";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faBook, faChartSimple, faHeart, faSheetPlastic} from "@fortawesome/free-solid-svg-icons";
+import {SessionContext} from "@/context/SessionContext";
+import {useTranslations} from "next-intl";
+import {AlertContext} from "@/context/AlertContext";
+
+export default function ScribeFooterBar() {
+    const t = useTranslations();
+    const {chapter} = useContext(ChapterContext);
+    const editor: Editor | null = useContext(EditorContext).editor;
+    const {session} = useContext(SessionContext);
+    const {errorMessage} = useContext(AlertContext)
+    
+    const [wordsCount, setWordsCount] = useState<number>(0);
+    
+    useEffect((): void => {
+        getWordCount();
+    }, [editor?.state.doc.textContent]);
+    
+    function getWordCount(): void {
+        if (editor) {
+            try {
+                const content: string = editor?.state.doc.textContent;
+                const texteNormalise: string = content
+                    .replace(/'/g, ' ')
+                    .replace(/-/g, ' ')
+                    .replace(/\s+/g, ' ')
+                    .trim();
+                const mots: string[] = texteNormalise.split(' ');
+                const wordCount: number = mots.filter(
+                    (mot: string): boolean => mot.length > 0,
+                ).length;
+                setWordsCount(wordCount);
+            } catch (e: unknown) {
+                if (e instanceof Error) {
+                    errorMessage(t('errors.wordCountError') + ` (${e.message})`);
+                } else {
+                    errorMessage(t('errors.wordCountError'));
+                }
+            }
+        }
+    }
+    
+    return (
+        <div
+            className="px-6 py-3 bg-tertiary/90 backdrop-blur-sm border-t border-secondary/50 text-text-primary flex justify-between items-center shadow-lg">
+            <div>
+                <span className="flex items-center gap-2">
+                    {chapter && (
+                        <span
+                            className="inline-flex items-center px-3 py-1 rounded-lg bg-primary/10 border border-primary/30">
+                            <span className="text-primary font-bold text-sm">
+                                {chapter.chapterOrder < 0 ? t('scribeFooterBar.sheet') : `${chapter.chapterOrder}.`}
+                            </span>
+                        </span>
+                    )}
+                    <span className={'flex items-center gap-2 font-medium'}>
+                        {chapter?.title || (
+                            <>
+                                <span>{t('scribeFooterBar.madeWith')}</span>
+                                <FontAwesomeIcon color={'red'} icon={faHeart} className={'w-4 h-4 animate-pulse'}/>
+                            </>
+                        )}
+                    </span>
+                </span>
+            </div>
+            {
+                chapter ? (
+                    <div className="flex items-center space-x-3">
+                        <div
+                            className="flex items-center gap-2 bg-secondary/50 px-4 py-2 rounded-xl border border-secondary shadow-sm">
+                            <FontAwesomeIcon icon={faChartSimple} className="text-primary text-sm w-4 h-4"/>
+                            <span className="text-muted text-sm font-medium">{t('scribeFooterBar.words')}:</span>
+                            <span className="text-text-primary font-bold">{wordsCount}</span>
+                        </div>
+                        <div
+                            className="flex items-center gap-2 bg-secondary/50 px-4 py-2 rounded-xl border border-secondary shadow-sm">
+                            <FontAwesomeIcon icon={faSheetPlastic} className={'text-primary w-4 h-4'}/>
+                            <span className="text-text-primary font-bold">{Math.ceil(wordsCount / 300)}</span>
+                        </div>
+                    </div>
+                ) : (
+                    <div className="flex items-center space-x-3">
+                        <div
+                            className="flex items-center gap-2 bg-secondary/50 px-4 py-2 rounded-xl border border-secondary shadow-sm">
+                            <FontAwesomeIcon icon={faBook} className={'text-primary w-4 h-4'}/>
+                            <span className="text-muted text-sm font-medium mr-1">{t('scribeFooterBar.books')}:</span>
+                            <span className="text-text-primary font-bold">{session.user?.books?.length}</span>
+                        </div>
+                    </div>
+                )
+            }
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/ScribeTopBar.tsx b/components/ScribeTopBar.tsx
new file mode 100644
index 0000000..8dc75cd
--- /dev/null
+++ b/components/ScribeTopBar.tsx
@@ -0,0 +1,40 @@
+import Image from "next/image";
+import logo from "@/public/eritors-favicon-white.png";
+import React, {useContext} from "react";
+import {BookContext, BookContextProps} from "@/context/BookContext";
+import {useTranslations} from "next-intl";
+
+export default function ScribeTopBar() {
+    const book: BookContextProps = useContext(BookContext);
+    const t = useTranslations();
+    return (
+        <div className="flex items-center justify-between px-6 py-3 bg-primary shadow-lg border-b border-primary-dark">
+            <div className="flex items-center space-x-4 group">
+                <div className="transition-transform duration-300 group-hover:scale-110">
+                    <Image src={logo} alt={t("scribeTopBar.logoAlt")} width={24} height={24}/>
+                </div>
+                <span
+                    className="font-['ADLaM_Display'] text-xl tracking-wide text-white/95">{t("scribeTopBar.scribe")}</span>
+            </div>
+            {book.book && (
+                <div
+                    className="flex items-center space-x-3 bg-white/10 backdrop-blur-sm px-4 py-2 rounded-lg border border-white/20">
+                    <div className="h-8 w-1 bg-white/40 rounded-full"></div>
+                    <div className="text-center">
+                        <p className="text-text-primary font-semibold text-base tracking-wide">
+                            {book.book.title}
+                        </p>
+                        {book.book.subTitle && (
+                            <p className="text-white/70 text-xs italic mt-0.5">
+                                {book.book.subTitle}
+                            </p>
+                        )}
+                    </div>
+                    <div className="h-8 w-1 bg-white/40 rounded-full"></div>
+                </div>
+            )}
+            <div className="flex items-center space-x-2 min-w-[120px] justify-end">
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/ShortStoryGenerator.tsx b/components/ShortStoryGenerator.tsx
new file mode 100644
index 0000000..4f44203
--- /dev/null
+++ b/components/ShortStoryGenerator.tsx
@@ -0,0 +1,692 @@
+import React, {ChangeEvent, RefObject, useContext, useEffect, useRef, useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {
+    faBookBookmark,
+    faBookOpen,
+    faChartSimple,
+    faChevronRight,
+    faClock,
+    faCloudSun,
+    faComments,
+    faFileLines,
+    faGraduationCap,
+    faLanguage,
+    faMagicWandSparkles,
+    faMusic,
+    faPencilAlt,
+    faRotateRight,
+    faSpinner,
+    faStop,
+    faUserAstronaut,
+    faUserEdit,
+    faX
+} from "@fortawesome/free-solid-svg-icons";
+import {writingLevel} from "@/lib/models/User";
+import Story, {
+    advancedDialogueTypes,
+    advancedNarrativePersons,
+    advancedPredefinedType,
+    beginnerDialogueTypes,
+    beginnerNarrativePersons,
+    beginnerPredefinedType,
+    intermediateDialogueTypes,
+    intermediateNarrativePersons,
+    intermediatePredefinedType,
+    langues,
+    verbalTime
+} from '@/lib/models/Story';
+import SelectBox from "@/components/form/SelectBox";
+import TextInput from "@/components/form/TextInput";
+import TexteAreaInput from "@/components/form/TexteAreaInput";
+import {SessionContext} from "@/context/SessionContext";
+import System from "@/lib/models/System";
+import {AlertContext} from "@/context/AlertContext";
+import {configs} from "@/lib/configs";
+import InputField from "@/components/form/InputField";
+import NumberInput from "@/components/form/NumberInput";
+import {Editor as TipEditor, EditorContent, useEditor} from "@tiptap/react";
+import Editor from "@/lib/models/Editor";
+import StarterKit from "@tiptap/starter-kit";
+import Underline from "@tiptap/extension-underline";
+import TextAlign from "@tiptap/extension-text-align";
+import QuillSense from "@/lib/models/QuillSense";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import {AIUsageContext, AIUsageContextProps} from "@/context/AIUsageContext";
+
+interface ShortStoryGeneratorProps {
+    onClose: () => void;
+}
+
+export default function ShortStoryGenerator({onClose}: ShortStoryGeneratorProps) {
+    const {session} = useContext(SessionContext);
+    const {errorMessage, infoMessage} = useContext(AlertContext);
+    const {lang} = useContext<LangContextProps>(LangContext)
+    const t = useTranslations();
+    const {setTotalPrice, setTotalCredits} = useContext<AIUsageContextProps>(AIUsageContext)
+    
+    const [tone, setTone] = useState<string>('');
+    const [atmosphere, setAtmosphere] = useState<string>('');
+    const [verbTense, setVerbTense] = useState<string>('0');
+    const [person, setPerson] = useState<string>('0');
+    const [characters, setCharacters] = useState<string>('');
+    const [language, setLanguage] = useState<string>(
+        session.user?.writingLang.toString() ?? '0',
+    );
+    const [dialogueType, setDialogueType] = useState<string>('0');
+    const [wordsCount, setWordsCount] = useState<number>(500)
+    const [directives, setDirectives] = useState<string>('');
+    const [authorLevel, setAuthorLevel] = useState<string>(
+        session.user?.writingLevel.toString() ?? '0',
+    );
+    const [presetType, setPresetType] = useState<string>('0');
+
+    const [activeTab, setActiveTab] = useState<number>(1);
+    const [progress, setProgress] = useState<number>(25);
+    const modalRef: RefObject<HTMLDivElement | null> = useRef<HTMLDivElement>(null);
+    const [isGenerating, setIsGenerating] = useState<boolean>(false);
+
+    const [generatedText, setGeneratedText] = useState<string>('');
+    const [generatedStoryTitle, setGeneratedStoryTitle] = useState<string>('');
+    const [resume, setResume] = useState<string>('');
+    const [totalWordsCount, setTotalWordsCount] = useState<number>(0);
+
+    const [hasGenerated, setHasGenerated] = useState<boolean>(false);
+    const [abortController, setAbortController] = useState<ReadableStreamDefaultReader<Uint8Array> | null>(null);
+
+    const isAnthropicEnabled: boolean = QuillSense.isAnthropicEnabled(session);
+    const isSubTierTwo: boolean = QuillSense.getSubLevel(session) >= 2;
+    const hasAccess: boolean = isAnthropicEnabled || isSubTierTwo;
+    
+    const editor: TipEditor | null = useEditor({
+        extensions: [
+            StarterKit,
+            Underline,
+            TextAlign.configure({
+                types: ['heading', 'paragraph'],
+            }),
+        ],
+        injectCSS: false,
+        immediatelyRender: false,
+    });
+    
+    useEffect((): () => void => {
+        document.body.style.overflow = 'hidden';
+        return (): void => {
+            document.body.style.overflow = 'auto';
+        };
+    }, []);
+    
+    useEffect((): void => {
+        Story.presetStoryType(
+            presetType,
+            setTone,
+            setAtmosphere,
+            setVerbTense,
+            setPerson,
+            setDialogueType,
+            (): void => {
+            },
+        );
+    }, [presetType]);
+    
+    useEffect((): void => {
+        setProgress(activeTab * 25);
+    }, [activeTab]);
+    
+    useEffect((): void => {
+        if (editor)
+            editor.commands.setContent(Editor.convertToHtml(generatedText))
+        getWordCount();
+    }, [editor, generatedText]);
+    
+    async function handleStopGeneration(): Promise<void> {
+        if (abortController) {
+            await abortController.cancel();
+            setAbortController(null);
+            infoMessage(t("shortStoryGenerator.result.abortSuccess"));
+        }
+    }
+
+    async function handleGeneration(): Promise<void> {
+        setIsGenerating(true);
+        setGeneratedText('');
+        
+        try {
+            const response: Response = await fetch(`${configs.apiUrl}quillsense/generate/short`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Authorization': `Bearer ${session.accessToken}`,
+                },
+                body: JSON.stringify({
+                    authorLevel: authorLevel,
+                    tone: tone,
+                    atmosphere: atmosphere,
+                    verbTense: verbTense,
+                    person: person,
+                    characters: characters,
+                    language: language,
+                    dialogueType: dialogueType,
+                    directives: directives,
+                    wordsCount: wordsCount
+                }),
+            });
+            
+            if (!response.ok) {
+                const error: { message?: string } = await response.json();
+                errorMessage(error.message || t("shortStoryGenerator.result.unknownError"));
+                setIsGenerating(false);
+                return;
+            }
+            setActiveTab(4);
+            setProgress(100);
+            
+            const reader: ReadableStreamDefaultReader<Uint8Array> | undefined = response.body?.getReader();
+            const decoder: TextDecoder = new TextDecoder();
+            let accumulatedText: string = '';
+            
+            if (!reader) {
+                errorMessage(t("shortStoryGenerator.result.noResponse"));
+                setIsGenerating(false);
+                return;
+            }
+            
+            setAbortController(reader);
+            
+            while (true) {
+                try {
+                    const {done, value}: ReadableStreamReadResult<Uint8Array> = await reader.read();
+                    
+                    if (done) break;
+                    
+                    const chunk: string = decoder.decode(value, {stream: true});
+                    const lines: string[] = chunk.split('\n');
+                    
+                    for (const line of lines) {
+                        if (line.startsWith('data: ')) {
+                            try {
+                                const data: {
+                                    content?: string;
+                                    title?: string;
+                                    useYourKey?: boolean;
+                                    totalPrice?: number;
+                                    totalCost?: number;
+                                } = JSON.parse(line.slice(6));
+
+                                if (data.content && data.content !== 'starting') {
+                                    accumulatedText += data.content;
+                                    setGeneratedText(accumulatedText);
+                                }
+
+                                if (data.title) {
+                                    setGeneratedStoryTitle(data.title);
+                                }
+
+                                // Le message final du endpoint avec title, totalPrice, useYourKey, totalCost
+                                if (data.useYourKey !== undefined && data.totalPrice !== undefined) {
+                                    console.log(data);
+                                    if (data.useYourKey) {
+                                        setTotalPrice((prev: number): number => prev + data.totalPrice!);
+                                    } else {
+                                        setTotalCredits(data.totalPrice);
+                                    }
+                                }
+                            } catch (e: unknown) {
+                                console.error('Error parsing SSE data:', e);
+                            }
+                        }
+                    }
+                } catch (e: unknown) {
+                    // Si le reader est annulé ou une erreur survient, sortir
+                    break;
+                }
+            }
+
+            setIsGenerating(false);
+            setHasGenerated(true);
+            setAbortController(null);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                if (e.name !== 'AbortError') {
+                    errorMessage(e.message);
+                }
+            } else {
+                errorMessage(t("shortStoryGenerator.result.unknownError"));
+            }
+            setIsGenerating(false);
+            setAbortController(null);
+        }
+    }
+
+    function getWordCount(): void {
+        if (editor) {
+            try {
+                const content: string = editor?.state.doc.textContent;
+                const texteNormalise: string = content
+                    .replace(/'/g, ' ')
+                    .replace(/-/g, ' ')
+                    .replace(/\s+/g, ' ')
+                    .trim();
+                const mots: string[] = texteNormalise.split(' ');
+                const wordCount: number = mots.filter(
+                    (mot: string): boolean => mot.length > 0,
+                ).length;
+                setTotalWordsCount(wordCount);
+            } catch (e: unknown) {
+                if (e instanceof Error) {
+                    errorMessage(e.message);
+                } else {
+                    errorMessage(t("shortStoryGenerator.result.unknownError"));
+                }
+            }
+        }
+    }
+
+    async function handleSave(): Promise<void> {
+        let content: string = '';
+        if (editor) content = editor?.state?.doc.toJSON();
+        try {
+            const bookId: string = await System.authPostToServer<string>(
+                `quillsense/generate/add`,
+                {
+                    title: generatedStoryTitle,
+                    resume: resume,
+                    content: content,
+                    wordCount: totalWordsCount,
+                    tone: tone,
+                    atmosphere: atmosphere,
+                    verbTense: verbTense,
+                    language: language,
+                    dialogueType: dialogueType,
+                    person: person,
+                    authorLevel: authorLevel
+                        ? authorLevel
+                        : session.user?.writingLevel,
+                },
+                session.accessToken,
+                lang
+            );
+            if (!bookId) {
+                errorMessage(t("shortStoryGenerator.result.saveError"));
+                return;
+            }
+            onClose();
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("shortStoryGenerator.result.unknownError"));
+            }
+        }
+    }
+
+    if (!hasAccess) {
+        return (
+            <div
+                className="fixed inset-0 flex items-center justify-center bg-darkest-background/80 z-50 backdrop-blur-sm">
+                <div
+                    className="bg-dark-background text-text-primary rounded-lg border border-secondary shadow-xl w-full max-w-md p-6">
+                    <h2 className="flex items-center font-['ADLaM_Display'] text-xl text-text-primary mb-4">
+                        <FontAwesomeIcon icon={faMagicWandSparkles} className="mr-3 w-5 h-5"/>
+                        {t("shortStoryGenerator.accessDenied.title")}
+                    </h2>
+                    <p className="text-text-secondary mb-6">
+                        {t("shortStoryGenerator.accessDenied.message")}
+                    </p>
+                    <button
+                        onClick={onClose}
+                        className="w-full bg-primary text-text-primary px-4 py-2 rounded-lg hover:bg-primary-dark transition-colors"
+                    >
+                        {t("shortStoryGenerator.accessDenied.close")}
+                    </button>
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <div className="fixed inset-0 flex items-center justify-center bg-overlay z-40 backdrop-blur-sm">
+            <div ref={modalRef}
+                 className="bg-tertiary/90 backdrop-blur-sm text-text-primary rounded-2xl border border-secondary/50 shadow-2xl w-full max-w-4xl max-h-[90vh] flex flex-col">
+                
+                <div className="flex justify-between items-center bg-primary px-6 py-4 rounded-t-2xl shadow-md">
+                    <h2 className="font-['ADLaM_Display'] text-xl text-text-primary flex items-center">
+                        <FontAwesomeIcon icon={faMagicWandSparkles} className="mr-3 w-5 h-5"/>
+                        {t("shortStoryGenerator.title")}
+                    </h2>
+                    <button
+                        className="text-text-primary hover:bg-primary-dark p-2 rounded-xl transition-all duration-200 hover:scale-110"
+                        onClick={onClose}
+                        disabled={isGenerating}
+                    >
+                        <FontAwesomeIcon icon={faX} className="w-5 h-5"/>
+                    </button>
+                </div>
+                
+                <div className="px-6 py-4 border-b border-secondary/50">
+                    <div className="w-full bg-secondary/50 rounded-full h-2.5 shadow-inner">
+                        <div
+                            className="bg-primary h-2.5 rounded-full transition-all duration-300 shadow-sm"
+                            style={{width: `${progress}%`}}
+                        />
+                    </div>
+                </div>
+                
+                <div className="flex border-b border-secondary/50">
+                    {[
+                        {id: 1, label: t("shortStoryGenerator.tabs.basics"), icon: faBookOpen},
+                        {id: 2, label: t("shortStoryGenerator.tabs.structure"), icon: faUserEdit},
+                        {id: 3, label: t("shortStoryGenerator.tabs.atmosphere"), icon: faCloudSun},
+                        ...(hasGenerated || isGenerating ? [{
+                            id: 4,
+                            label: t("shortStoryGenerator.tabs.result"),
+                            icon: faFileLines
+                        }] : [])
+                    ].map(tab => (
+                        <button
+                            key={tab.id}
+                            onClick={() => setActiveTab(tab.id)}
+                            disabled={isGenerating}
+                            className={`flex items-center px-6 py-3 font-medium transition-colors ${
+                                activeTab === tab.id
+                                    ? 'text-primary border-b-2 border-primary bg-primary/5'
+                                    : 'text-text-secondary hover:text-text-primary'
+                            }`}
+                        >
+                            <FontAwesomeIcon icon={tab.icon} className="mr-2 w-4 h-4"/>
+                            {tab.label}
+                            {tab.id === 4 && isGenerating && !generatedText && (
+                                <FontAwesomeIcon icon={faSpinner} className="ml-2 animate-spin w-4 h-4"/>
+                            )}
+                        </button>
+                    ))}
+                </div>
+                
+                <div className="flex-1">
+                    {activeTab === 1 && (
+                        <div className="p-6 space-y-6">
+                            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                <InputField
+                                    icon={faGraduationCap}
+                                    fieldName={t("shortStoryGenerator.fields.complexity")}
+                                    input={
+                                        <SelectBox
+                                            onChangeCallBack={(e) => setAuthorLevel(e.target.value)}
+                                            data={writingLevel}
+                                            defaultValue={authorLevel}
+                                        />
+                                    }
+                                />
+                                <InputField
+                                    icon={faBookOpen}
+                                    fieldName={t("shortStoryGenerator.fields.preset")}
+                                    input={
+                                        <SelectBox
+                                            onChangeCallBack={(e) => setPresetType(e.target.value)}
+                                            data={
+                                                authorLevel === '1'
+                                                    ? beginnerPredefinedType
+                                                    : authorLevel === '2'
+                                                        ? intermediatePredefinedType
+                                                        : advancedPredefinedType
+                                            }
+                                            defaultValue={presetType}
+                                        />
+                                    }
+                                />
+                                <InputField
+                                    icon={faLanguage}
+                                    fieldName={t("shortStoryGenerator.fields.language")}
+                                    input={
+                                        <SelectBox
+                                            onChangeCallBack={(e) => setLanguage(e.target.value)}
+                                            data={langues}
+                                            defaultValue={language}
+                                        />
+                                    }
+                                />
+                                <InputField
+                                    icon={faChartSimple}
+                                    fieldName={t("shortStoryGenerator.fields.wordCount")}
+                                    input={
+                                        <NumberInput
+                                            value={wordsCount}
+                                            setValue={setWordsCount}
+                                            placeholder="500"
+                                        />
+                                    }
+                                />
+                            </div>
+                        </div>
+                    )}
+
+                    {activeTab === 2 && (
+                        <div className="p-6 space-y-6">
+                            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                <InputField
+                                    icon={faClock}
+                                    fieldName={t("shortStoryGenerator.fields.tense")}
+                                    input={
+                                        <SelectBox
+                                            onChangeCallBack={(e) => setVerbTense(e.target.value)}
+                                            data={verbalTime}
+                                            defaultValue={verbTense}
+                                        />
+                                    }
+                                />
+                                <InputField
+                                    icon={faUserEdit}
+                                    fieldName={t("shortStoryGenerator.fields.narrative")}
+                                    input={
+                                        <SelectBox
+                                            onChangeCallBack={(e) => setPerson(e.target.value)}
+                                            data={
+                                                authorLevel === '1'
+                                                    ? beginnerNarrativePersons
+                                                    : authorLevel === '2'
+                                                        ? intermediateNarrativePersons
+                                                        : advancedNarrativePersons
+                                            }
+                                            defaultValue={person}
+                                        />
+                                    }
+                                />
+                            </div>
+
+                            <InputField
+                                icon={faComments}
+                                fieldName={t("shortStoryGenerator.fields.dialogue")}
+                                input={
+                                    <SelectBox
+                                        onChangeCallBack={(e) => setDialogueType(e.target.value)}
+                                        data={
+                                            authorLevel === '1'
+                                                ? beginnerDialogueTypes
+                                                : authorLevel === '2'
+                                                    ? intermediateDialogueTypes
+                                                    : advancedDialogueTypes
+                                        }
+                                        defaultValue={dialogueType}
+                                    />
+                                }
+                            />
+
+                            <InputField
+                                icon={faPencilAlt}
+                                fieldName={t("shortStoryGenerator.fields.directives")}
+                                input={
+                                    <TexteAreaInput
+                                        value={directives}
+                                        setValue={(e: ChangeEvent<HTMLTextAreaElement>) => setDirectives(e.target.value)}
+                                        placeholder={t("shortStoryGenerator.placeholders.directives")}
+                                    />
+                                }
+                            />
+                        </div>
+                    )}
+
+                    {activeTab === 3 && (
+                        <div className="p-6 space-y-6">
+                            <div className="space-y-4">
+                                <InputField
+                                    icon={faMusic}
+                                    fieldName={t("shortStoryGenerator.fields.tone")}
+                                    input={
+                                        <TextInput
+                                            value={tone}
+                                            setValue={(e: ChangeEvent<HTMLInputElement>) => setTone(e.target.value)}
+                                            placeholder={t("shortStoryGenerator.placeholders.tone")}
+                                        />
+                                    }
+                                />
+                            </div>
+
+                            <div className="space-y-4">
+                                <InputField
+                                    icon={faCloudSun}
+                                    fieldName={t("shortStoryGenerator.fields.atmosphere")}
+                                    input={
+                                        <TextInput
+                                            value={atmosphere}
+                                            setValue={(e: ChangeEvent<HTMLInputElement>) => setAtmosphere(e.target.value)}
+                                            placeholder={t("shortStoryGenerator.placeholders.atmosphere")}
+                                        />
+                                    }
+                                />
+                            </div>
+
+                            <InputField
+                                icon={faUserAstronaut}
+                                fieldName={t("shortStoryGenerator.fields.character")}
+                                input={
+                                    <TextInput
+                                        value={characters}
+                                        setValue={(e: ChangeEvent<HTMLInputElement>) => setCharacters(e.target.value)}
+                                        placeholder={t("shortStoryGenerator.placeholders.character")}
+                                    />
+                                }
+                            />
+                        </div>
+                    )}
+
+                    {activeTab === 4 && (
+                        <div className="p-6">
+                            <div className="flex justify-between items-center mb-4">
+                                <h3 className="font-semibold text-lg">
+                                    {generatedStoryTitle || t("shortStoryGenerator.result.title")}
+                                </h3>
+                                
+                                <div className="flex items-center space-x-2">
+                                    {isGenerating ? (
+                                        <button
+                                            onClick={handleStopGeneration}
+                                            className="p-2 rounded-xl bg-red-500 hover:bg-red-600 transition-all duration-200 hover:scale-110 shadow-md"
+                                            title={t("shortStoryGenerator.actions.stop")}
+                                        >
+                                            <FontAwesomeIcon icon={faStop} className="w-4 h-4"/>
+                                        </button>
+                                    ) : generatedText && (
+                                        <>
+                                            <button
+                                                onClick={handleGeneration}
+                                                className="p-2 rounded-xl bg-secondary/50 hover:bg-secondary transition-all duration-200 hover:scale-110 shadow-sm border border-secondary/50"
+                                                title={t("shortStoryGenerator.actions.regenerate")}
+                                            >
+                                                <FontAwesomeIcon icon={faRotateRight} className="w-4 h-4"/>
+                                            </button>
+                                            <button
+                                                onClick={handleSave}
+                                                className="p-2 rounded-xl bg-primary hover:bg-primary-dark transition-all duration-200 hover:scale-110 shadow-md"
+                                                title={t("shortStoryGenerator.actions.save")}
+                                            >
+                                                <FontAwesomeIcon icon={faBookBookmark} className="w-4 h-4"/>
+                                            </button>
+                                        </>
+                                    )}
+                                </div>
+                            </div>
+
+                            {isGenerating && !generatedText ? (
+                                <div className="flex flex-col items-center justify-center py-20">
+                                    <FontAwesomeIcon icon={faSpinner}
+                                                     className="animate-spin text-primary mb-4 w-8 h-8"/>
+                                    <p className="text-text-secondary">{t("shortStoryGenerator.result.generating")}</p>
+                                </div>
+                            ) : (
+                                <div
+                                    className="bg-darkest-background rounded-lg p-6 overflow-auto max-h-96 fade-in-text">
+                                    <EditorContent editor={editor} className="prose prose-invert max-w-none"/>
+                                </div>
+                            )}
+
+                            {generatedText && (
+                                <div className="flex justify-between items-center mt-4 pt-4 border-t border-secondary">
+                                    <div className="flex items-center text-sm text-text-secondary">
+                                        <FontAwesomeIcon icon={faChartSimple} className="mr-2 w-4 h-4"/>
+                                        {totalWordsCount} {t("shortStoryGenerator.result.words")}
+                                    </div>
+                                </div>
+                            )}
+                        </div>
+                    )}
+                </div>
+                
+                <div
+                    className="flex justify-between items-center p-6 border-t border-secondary/50 bg-secondary/30 backdrop-blur-sm shadow-inner">
+                    <button
+                        onClick={() => setActiveTab(Math.max(1, activeTab - 1))}
+                        className={`px-4 py-2 rounded-xl transition-all duration-200 flex items-center ${
+                            activeTab > 1 && !isGenerating
+                                ? 'text-text-secondary hover:text-text-primary hover:bg-secondary hover:scale-105 shadow-sm'
+                                : 'text-muted cursor-not-allowed'
+                        }`}
+                        disabled={activeTab === 1 || isGenerating}
+                    >
+                        <FontAwesomeIcon icon={faChevronRight} className="mr-2 rotate-180 w-4 h-4"/>
+                        {t("shortStoryGenerator.navigation.previous")}
+                    </button>
+
+                    <div className="flex items-center space-x-3">
+                        <button
+                            onClick={onClose}
+                            className="px-6 py-2.5 rounded-xl bg-secondary/50 text-text-primary hover:bg-secondary transition-all duration-200 hover:scale-105 shadow-sm border border-secondary/50 font-medium"
+                            disabled={isGenerating}
+                        >
+                            {activeTab === 4 && hasGenerated ? t("shortStoryGenerator.navigation.close") : t("shortStoryGenerator.navigation.cancel")}
+                        </button>
+
+                        {activeTab < 3 ? (
+                            <button
+                                onClick={() => setActiveTab(activeTab + 1)}
+                                disabled={isGenerating}
+                                className="px-6 py-2.5 rounded-xl bg-primary text-text-primary hover:bg-primary-dark transition-all duration-200 hover:scale-105 flex items-center disabled:opacity-50 shadow-md hover:shadow-lg font-medium"
+                            >
+                                {t("shortStoryGenerator.navigation.next")}
+                                <FontAwesomeIcon icon={faChevronRight} className="ml-2 w-4 h-4"/>
+                            </button>
+                        ) : activeTab === 3 && (
+                            <button
+                                onClick={handleGeneration}
+                                disabled={isGenerating}
+                                className="px-6 py-2.5 rounded-xl bg-primary text-text-primary hover:bg-primary-dark transition-all duration-200 hover:scale-105 flex items-center disabled:opacity-50 shadow-md hover:shadow-lg font-medium"
+                            >
+                                {isGenerating ? (
+                                    <>
+                                        <FontAwesomeIcon icon={faSpinner} className="animate-spin mr-2 w-4 h-4"/>
+                                        {t("shortStoryGenerator.actions.generating")}
+                                    </>
+                                ) : (
+                                    <>
+                                        <FontAwesomeIcon icon={faMagicWandSparkles} className="mr-2 w-4 h-4"/>
+                                        {t("shortStoryGenerator.actions.generate")}
+                                    </>
+                                )}
+                            </button>
+                        )}
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/StaticAlert.tsx b/components/StaticAlert.tsx
new file mode 100644
index 0000000..265d195
--- /dev/null
+++ b/components/StaticAlert.tsx
@@ -0,0 +1,134 @@
+'use client'
+import React, {useEffect, useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {
+    faCheckCircle,
+    faExclamationCircle,
+    faInfoCircle,
+    faTimes,
+    faTimesCircle
+} from '@fortawesome/free-solid-svg-icons';
+
+interface StaticAlertProps {
+    type: 'success' | 'error' | 'info' | 'warning';
+    message: string;
+    onClose: () => void;
+}
+
+const iconMap = {
+    success: faCheckCircle,
+    error: faExclamationCircle,
+    info: faInfoCircle,
+    warning: faTimesCircle,
+};
+
+const bgColorMap = {
+    success: 'bg-success',
+    error: 'bg-error',
+    info: 'bg-info',
+    warning: 'bg-warning',
+};
+
+export default function StaticAlert(
+    {type, message, onClose}: StaticAlertProps) {
+    const [visible, setVisible] = useState(false);
+    const onCloseRef = React.useRef(onClose);
+    
+    useEffect(() => {
+        onCloseRef.current = onClose;
+    }, [onClose]);
+
+    useEffect(() => {
+        setVisible(true);
+        const timer = setTimeout(() => {
+            setVisible(false);
+            setTimeout(() => onCloseRef.current(), 500); // Wait for fade out animation to complete
+        }, 4800);
+
+        return () => {
+            clearTimeout(timer);
+        };
+    }, []);
+
+    const handleClose = () => {
+        setVisible(false);
+        setTimeout(() => onCloseRef.current(), 1000); // Wait for fade out animation to complete
+    };
+
+    return (
+        <div
+            className={`max-w-sm rounded-xl shadow-2xl transition-all duration-500 ease-in-out transform ${
+                visible ? 'translate-x-0 opacity-100' : 'translate-x-full opacity-0'
+            } overflow-hidden font-['Montserrat'] border border-secondary/50 backdrop-blur-sm`}
+        >
+            <div className={`p-4 ${bgColorMap[type]} flex items-center relative`}>
+                <div className="absolute top-0 left-0 w-full h-1 bg-white/30 rounded-t-xl"></div>
+                <div
+                    className="mr-4 flex-shrink-0 rounded-full bg-white/20 p-2.5 text-text-primary flex items-center justify-center shadow-md">
+                    <FontAwesomeIcon
+                        icon={iconMap[type]}
+                        size="lg"
+                        className="animate-pulse"
+                        style={{
+                            animation: 'pulse 2s infinite'
+                        }}
+                    />
+                </div>
+                <div className="flex-grow mr-3">
+                    <div className="text-text-primary font-medium text-base">{message}</div>
+                </div>
+                <button
+                    onClick={handleClose}
+                    className="text-text-primary/90 hover:text-text-primary p-1.5 rounded-lg hover:bg-white/20 transition-all duration-300"
+                    style={{
+                        transition: 'all 0.3s ease',
+                    }}
+                    onMouseEnter={(e) => {
+                        e.currentTarget.style.transform = 'rotate(90deg)';
+                    }}
+                    onMouseLeave={(e) => {
+                        e.currentTarget.style.transform = 'rotate(0deg)';
+                    }}
+                >
+                    <FontAwesomeIcon icon={faTimes}/>
+                </button>
+            </div>
+            <div className="h-1.5 w-full bg-secondary/50 relative">
+                <div
+                    className={`h-full ${
+                        type === 'success' ? 'bg-success' :
+                            type === 'error' ? 'bg-error' :
+                                type === 'warning' ? 'bg-warning' :
+                                    'bg-info'
+                    } shadow-sm`}
+                    style={{
+                        animation: 'shrink 5s linear forwards',
+                        width: '100%'
+                    }}
+                ></div>
+            </div>
+            <style jsx>{`
+                @keyframes pulse {
+                    0% {
+                        opacity: 0.7;
+                    }
+                    50% {
+                        opacity: 1;
+                    }
+                    100% {
+                        opacity: 0.7;
+                    }
+                }
+
+                @keyframes shrink {
+                    0% {
+                        width: 100%;
+                    }
+                    100% {
+                        width: 0%;
+                    }
+                }
+            `}</style>
+        </div>
+    );
+}
diff --git a/components/TermsOfUse.tsx b/components/TermsOfUse.tsx
new file mode 100644
index 0000000..37c5a8d
--- /dev/null
+++ b/components/TermsOfUse.tsx
@@ -0,0 +1,125 @@
+import React from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faExternalLinkAlt, faFileContract} from '@fortawesome/free-solid-svg-icons';
+import {AppRouterInstance} from 'next/dist/shared/lib/app-router-context.shared-runtime';
+import {useRouter} from 'next/navigation';
+import Link from "next/link";
+
+interface TermsOfUseProps {
+    onAccept: () => void;
+}
+
+export default function TermsOfUse({onAccept}: TermsOfUseProps) {
+    const router: AppRouterInstance = useRouter();
+    
+    function handleAcceptTerm(): void {
+        onAccept();
+    }
+    
+    return (
+        <div
+            className="fixed inset-0 z-50 bg-black/90 backdrop-blur-sm flex items-center justify-center p-6 font-['Lora']">
+            <div
+                className="bg-tertiary border border-primary/40 rounded-2xl shadow-2xl max-w-2xl w-full max-h-[90vh] overflow-hidden">
+                <div className="px-8 py-6 border-b border-secondary/40 bg-gradient-to-r from-primary/10 to-primary/5">
+                    <div className="flex items-center space-x-4">
+                        <div className="bg-primary/20 p-3 rounded-xl">
+                            <FontAwesomeIcon icon={faFileContract} className="text-primary text-2xl"/>
+                        </div>
+                        <div>
+                            <h2 className="text-text-primary font-bold text-2xl">Termes d'utilisation</h2>
+                            <p className="text-text-secondary text-sm mt-1">Acceptation requise pour accéder à ERitors
+                                Scribe</p>
+                        </div>
+                    </div>
+                </div>
+                <div className="px-8 py-8 overflow-y-auto max-h-[60vh]">
+                    <div className="space-y-6">
+                        <div className="bg-primary/5 border border-primary/20 rounded-xl p-6">
+                            <h3 className="text-text-primary font-semibold text-lg mb-4">
+                                Acceptation obligatoire
+                            </h3>
+                            <div className="text-text-secondary text-base leading-relaxed space-y-4">
+                                <p>
+                                    Pour pouvoir utiliser nos services, tel qu'<strong className="text-primary">ERitors
+                                    Scribe</strong>,
+                                    vous devez accepter les termes d'utilisation en cliquant
+                                    sur <strong>J'accepte</strong>.
+                                </p>
+                                <p>
+                                    Veuillez lire attentivement la page détaillée des termes et conditions d'utilisation
+                                    avant de procéder à l'acceptation.
+                                </p>
+                                <p>
+                                    Si vous n'acceptez pas ces conditions, vous ne pourrez pas accéder à nos services
+                                    et serez redirigé vers la page d'accueil.
+                                </p>
+                            </div>
+                        </div>
+                        
+                        <div className="bg-secondary/20 border border-secondary/30 rounded-xl p-6">
+                            <h3 className="text-text-primary font-semibold text-lg mb-4">
+                                Documentation complète
+                            </h3>
+                            <p className="text-text-secondary text-base leading-relaxed mb-4">
+                                Pour consulter l'intégralité de nos termes et conditions d'utilisation,
+                                veuillez visiter notre page dédiée :
+                            </p>
+                            <a
+                                href="/terms"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="inline-flex items-center space-x-2 text-primary hover:text-primary-light transition-colors duration-200 font-medium"
+                            >
+                                <span>Consulter les termes complets</span>
+                                <FontAwesomeIcon icon={faExternalLinkAlt} className="text-sm"/>
+                            </a>
+                        </div>
+                        
+                        <div className="bg-warning/10 border border-warning/30 rounded-xl p-6">
+                            <div className="flex items-start space-x-3">
+                                <div className="bg-warning/20 p-2 rounded-lg mt-1">
+                                    <FontAwesomeIcon icon={faFileContract} className="text-warning text-lg"/>
+                                </div>
+                                <div>
+                                    <h4 className="text-text-primary font-semibold text-base mb-2">
+                                        Importance capitale
+                                    </h4>
+                                    <p className="text-text-secondary text-sm leading-relaxed">
+                                        Cette acceptation est obligatoire et constitue un prérequis légal
+                                        pour l'utilisation de nos services d'édition assistée par intelligence
+                                        artificielle.
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div className="px-8 py-6 bg-secondary/10 border-t border-secondary/30 rounded-b-2xl">
+                    <div className="flex items-center justify-between">
+                        <div className="flex items-center space-x-2 text-text-secondary text-sm">
+                            <FontAwesomeIcon icon={faFileContract} className="text-primary"/>
+                            <span>Décision requise pour continuer</span>
+                        </div>
+                        <div className="flex items-center space-x-4">
+                            <Link
+                                href="https://eritors.com"
+                                className="text-muted hover:text-text-primary px-6 py-3 rounded-xl hover:bg-secondary/30 transition-all duration-200 text-sm font-medium hover:scale-105"
+                                type="button"
+                            >
+                                Refuser et quitter
+                            </Link>
+                            <button
+                                onClick={handleAcceptTerm}
+                                className="bg-primary hover:bg-primary-dark text-text-primary px-8 py-3 rounded-xl transition-all duration-200 text-sm font-bold shadow-lg hover:shadow-xl transform hover:scale-105"
+                                type="button"
+                            >
+                                J'accepte les termes
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/TwoFactorSetup.tsx b/components/TwoFactorSetup.tsx
new file mode 100644
index 0000000..7412656
--- /dev/null
+++ b/components/TwoFactorSetup.tsx
@@ -0,0 +1,196 @@
+'use client';
+
+import {ChangeEvent, Dispatch, SetStateAction, useContext, useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faApple, faGooglePlay} from '@fortawesome/free-brands-svg-icons';
+import {faCheck, faKey, faMobileAlt, faQrcode} from '@fortawesome/free-solid-svg-icons';
+import System from "@/lib/models/System";
+import {AlertContext, AlertContextProps} from "@/context/AlertContext";
+import {FormResponse} from "@/shared/interface";
+import {SessionContext} from "@/context/SessionContext";
+import TextInput from "@/components/form/TextInput";
+
+export default function TwoFactorSetup({setShowSetup}: { setShowSetup: Dispatch<SetStateAction<boolean>> }) {
+    const {session} = useContext(SessionContext);
+    const alert: AlertContextProps = useContext(AlertContext);
+
+    const [step, setStep] = useState<number>(1);
+    const [token, setToken] = useState<string>('')
+    const [qrCode, setQrCode] = useState<string | null>(null);
+    const [loadingQRCode, setLoadingQRCode] = useState(false);
+
+    async function getQRCode() {
+        try {
+            const response: { qrCode: string } = await System.authPostToServer('twofactor/setup', {
+                email: session?.user?.email,
+            }, session?.accessToken ?? '');
+            setQrCode(response.qrCode);
+        } catch (e: any) {
+            alert.errorMessage(e.message);
+            console.error(e);
+        }
+    }
+
+    async function handleNextStep() {
+        if (step === 3) {
+            await validateToken();
+        } else if (step === 1) {
+            if (qrCode === null) {
+                getQRCode();
+            }
+            setStep((prev: number) => Math.min(prev + 1, 3));
+        } else {
+            setStep((prev: number) => Math.min(prev + 1, 3));
+        }
+    }
+
+    async function validateToken() {
+        try {
+            const response: FormResponse = await System.authPostToServer('twofactor/activate', {
+                email: session?.user?.email, token: token
+            }, session?.accessToken ?? '');
+            if (response.valid) {
+                alert.successMessage(response.message ?? '');
+                setShowSetup(false);
+            }
+        } catch (e: any) {
+            alert.errorMessage(e.message);
+            console.error(e);
+        }
+    }
+
+    function handlePrevStep() {
+        setStep((prev) => Math.max(prev - 1, 1));
+    }
+
+    function getProgressClass(currentStep: number) {
+        return `flex-grow h-2.5 rounded-full transition-all duration-300 ${
+            step >= currentStep ? 'bg-primary shadow-sm' : 'bg-secondary/50'
+        }`;
+    }
+
+    return (
+        <div
+            className="rounded-2xl shadow-2xl bg-tertiary/90 backdrop-blur-sm m-auto p-8 w-full border border-secondary/50">
+            <h2 className="text-2xl font-['ADLaM_Display'] text-text-primary text-center mb-6">
+                Setup Two-Factor Authentication
+            </h2>
+
+            {/* Step Indicator */}
+            <div className="mb-8">
+                <div className="flex items-center">
+                    <div className={getProgressClass(1)}></div>
+                    <div className="w-4"></div>
+                    <div className={getProgressClass(2)}></div>
+                    <div className="w-4"></div>
+                    <div className={getProgressClass(3)}></div>
+                </div>
+            </div>
+
+            {/* Step Content */}
+            <div className="mb-6">
+                {step === 1 && (
+                    <div className="text-muted">
+                        <p className="mb-4 text-text-primary">
+                            Follow these steps to enable two-factor authentication for your account:
+                        </p>
+                        <ol className="list-decimal list-inside space-y-3">
+                            <li className="flex items-start">
+                                <FontAwesomeIcon icon={faMobileAlt} className="text-primary mr-3 mt-1"/>
+                                Download a two-factor authentication app like Google Authenticator or Authy.
+                            </li>
+                            <li className="flex items-start">
+                                <FontAwesomeIcon icon={faCheck} className="text-primary mr-3 mt-1"/>
+                                Open the app and select the option to scan a QR code.
+                            </li>
+                            <li className="flex items-start">
+                                <FontAwesomeIcon icon={faQrcode} className="text-primary mr-3 mt-1"/>
+                                Proceed to the next step to scan the QR code provided.
+                            </li>
+                        </ol>
+                        <div className="mt-6 space-y-4">
+                            <a
+                                href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="flex items-center justify-center px-4 py-3 bg-primary text-text-primary rounded-xl hover:bg-primary-dark transition-all duration-200 hover:scale-105 shadow-md hover:shadow-lg font-medium"
+                            >
+                                <FontAwesomeIcon icon={faGooglePlay} className="mr-2"/>
+                                Download on Google Play
+                            </a>
+                            <a
+                                href="https://apps.apple.com/app/google-authenticator/id388497605"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="flex items-center justify-center px-4 py-3 bg-primary text-text-primary rounded-xl hover:bg-primary-dark transition-all duration-200 hover:scale-105 shadow-md hover:shadow-lg font-medium"
+                            >
+                                <FontAwesomeIcon icon={faApple} className="mr-2"/>
+                                Download on App Store
+                            </a>
+                        </div>
+                    </div>
+                )}
+                {step === 2 && (
+                    <div className="text-muted text-center">
+                        <p className="mb-4 text-text-primary">
+                            Scan the QR code below with your authentication app to link your account.
+                        </p>
+                        <div className="flex justify-center">
+                            <div className="bg-secondary/20 p-6 rounded-xl shadow-lg border border-secondary/50">
+                                {loadingQRCode ? (
+                                    <div className="text-muted">Loading QR Code...</div>
+                                ) : qrCode ? (
+                                    <img src={qrCode} alt="QR Code" className="w-48 h-48 mx-auto"/>
+                                ) : (
+                                    <div className="text-muted">Failed to load QR Code.</div>
+                                )}
+                            </div>
+                        </div>
+                        <p className="mt-4 text-sm text-muted">
+                            Having trouble? Make sure your app supports QR code scanning.
+                        </p>
+                    </div>
+                )}
+                {step === 3 && (
+                    <div className="text-text-secondary">
+                        <p className="mb-4">
+                            Enter the 6-digit code generated by your authentication app to verify the setup.
+                        </p>
+                        <div className="relative">
+                            <TextInput
+                                value={token}
+                                setValue={(e: ChangeEvent<HTMLInputElement>) => setToken(e.target.value)}
+                                placeholder="Enter 6-digit code"
+                            />
+                            <FontAwesomeIcon
+                                icon={faKey}
+                                className="absolute right-3 top-3 text-muted pointer-events-none"
+                            />
+                        </div>
+                    </div>
+                )}
+            </div>
+
+            {/* Navigation Buttons */}
+            <div className="flex justify-between">
+                <button
+                    onClick={handlePrevStep}
+                    disabled={step === 1}
+                    className={`px-6 py-2.5 rounded-xl transition-all duration-200 font-medium ${
+                        step === 1 ? 'bg-secondary/30 text-muted cursor-not-allowed' : 'bg-secondary/50 hover:bg-secondary text-text-primary hover:scale-105 shadow-sm border border-secondary/50'
+                    }`}
+                >
+                    Back
+                </button>
+                <button
+                    onClick={handleNextStep}
+                    className={`px-6 py-2.5 rounded-xl transition-all duration-200 font-medium ${
+                        step === 3 ? 'bg-success hover:bg-success/90 text-text-primary shadow-md hover:shadow-lg hover:scale-105' : 'bg-primary hover:bg-primary-dark text-text-primary shadow-md hover:shadow-lg hover:scale-105'
+                    }`}
+                >
+                    {step === 3 ? 'Finish' : 'Next'}
+                </button>
+            </div>
+        </div>
+    );
+}
diff --git a/components/UserMenu.tsx b/components/UserMenu.tsx
new file mode 100644
index 0000000..86fe16e
--- /dev/null
+++ b/components/UserMenu.tsx
@@ -0,0 +1,69 @@
+import React, {useContext, useEffect, useRef, useState} from "react";
+import {SessionContext} from "@/context/SessionContext";
+import NoPicture from "@/components/NoPicture";
+import System from "@/lib/models/System";
+
+export default function UserMenu() {
+    const {session} = useContext(SessionContext);
+    
+    const profileMenuRef: React.RefObject<HTMLDivElement | null> = useRef<HTMLDivElement>(null);
+
+    const [isProfileMenuOpen, setIsProfileMenuOpen] = useState(false);
+
+    function handleProfileClick(): void {
+        setIsProfileMenuOpen(!isProfileMenuOpen);
+    }
+    
+    useEffect((): () => void => {
+        function handleClickOutside(event: MouseEvent): void {
+            if (profileMenuRef.current && !profileMenuRef.current.contains(event.target as Node)) {
+                setIsProfileMenuOpen(false);
+            }
+        }
+        
+        if (isProfileMenuOpen) {
+            document.addEventListener("mousedown", handleClickOutside);
+        }
+        
+        return (): void => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [isProfileMenuOpen]);
+    
+    function handleLogout(): void {
+        System.removeCookie("token");
+        document.location.href = "https://eritors.com/login";
+    }
+
+    return (
+        <div className="relative" data-guide="user-dropdown" ref={profileMenuRef}>
+            <button
+                className="group bg-secondary/50 hover:bg-secondary p-2.5 rounded-full transition-all duration-200 flex items-center border border-secondary/50 hover:border-primary/30 hover:shadow-md hover:scale-110"
+                onClick={session.user ? handleProfileClick : () => document.location.href = "/login"}
+            >
+                {
+                    session.user && <NoPicture/>
+                }
+            </button>
+            {isProfileMenuOpen && (
+                <div
+                    className="absolute right-0 mt-3 w-56 bg-tertiary rounded-xl shadow-2xl py-2 z-[100] border border-secondary/50 backdrop-blur-sm animate-fadeIn">
+                    <div
+                        className="px-4 py-3 border-b border-secondary/30 bg-gradient-to-r from-primary/10 to-transparent">
+                        <p className="text-text-primary font-bold text-sm tracking-wide">{session.user?.username}</p>
+                        <p className="text-text-secondary text-xs mt-0.5">{session.user?.email}</p>
+                    </div>
+                    <a href="https://eritors.com/settings"
+                       className="group flex items-center gap-3 px-4 py-2.5 text-text-primary hover:bg-secondary/50 transition-all hover:pl-5">
+                        <span
+                            className="text-sm font-medium group-hover:text-primary transition-colors">Paramètres</span>
+                    </a>
+                    <a onClick={handleLogout} href="#"
+                       className="group flex items-center gap-3 px-4 py-2.5 text-error hover:bg-error/10 transition-all hover:pl-5 rounded-b-xl">
+                        <span className="text-sm font-medium">Déconnexion</span>
+                    </a>
+                </div>
+            )}
+        </div>
+    )
+}
diff --git a/components/book/AddNewBookForm.tsx b/components/book/AddNewBookForm.tsx
new file mode 100644
index 0000000..86f8a53
--- /dev/null
+++ b/components/book/AddNewBookForm.tsx
@@ -0,0 +1,295 @@
+'use client'
+import React, {ChangeEvent, Dispatch, SetStateAction, useContext, useEffect, useRef, useState} from "react";
+import {AlertContext} from "@/context/AlertContext";
+import System from "@/lib/models/System";
+import {SessionContext} from "@/context/SessionContext";
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {
+    faBook,
+    faBookOpen,
+    faCalendarAlt,
+    faFileWord,
+    faInfo,
+    faPencilAlt,
+    faX
+} from "@fortawesome/free-solid-svg-icons";
+import {SelectBoxProps} from "@/shared/interface";
+import {BookProps, bookTypes} from "@/lib/models/Book";
+import InputField from "@/components/form/InputField";
+import TextInput from "@/components/form/TextInput";
+import SelectBox from "@/components/form/SelectBox";
+import DatePicker from "@/components/form/DatePicker";
+import NumberInput from "@/components/form/NumberInput";
+import TexteAreaInput from "@/components/form/TexteAreaInput";
+import CancelButton from "@/components/form/CancelButton";
+import SubmitButtonWLoading from "@/components/form/SubmitButtonWLoading";
+import GuideTour, {GuideStep} from "@/components/GuideTour";
+import {UserProps} from "@/lib/models/User";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+
+interface MinMax {
+    min: number;
+    max: number;
+}
+
+export default function AddNewBookForm({setCloseForm}: { setCloseForm: Dispatch<SetStateAction<boolean>> }) {
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext);
+    const {session, setSession} = useContext(SessionContext);
+    const {errorMessage} = useContext(AlertContext);
+    const modalRef: React.RefObject<HTMLDivElement | null> = useRef<HTMLDivElement>(null);
+    
+    const [title, setTitle] = useState<string>('');
+    const [subtitle, setSubtitle] = useState<string>('');
+    const [summary, setSummary] = useState<string>('');
+    const [publicationDate, setPublicationDate] = useState<string>('');
+    const [wordCount, setWordCount] = useState<number>(0);
+    const [selectedBookType, setSelectedBookType] = useState<string>('');
+    
+    const [isAddingBook, setIsAddingBook] = useState<boolean>(false);
+    const [bookTypeHint, setBookTypeHint] = useState<boolean>(false);
+    
+    const token: string = session?.accessToken ?? '';
+    
+    const bookTypesHint: GuideStep[] = [{
+        id: 0,
+        x: 80,
+        y: 50,
+        title: t("addNewBookForm.bookTypeHint.title"),
+        content: (
+            <div className="space-y-4 max-h-96 overflow-y-auto custom-scrollbar">
+                <div className="space-y-3">
+                    <div className="border-l-4 border-primary pl-4 bg-secondary/10 p-3 rounded-r-xl">
+                        <h4 className="font-semibold text-lg text-text-primary mb-1">{t("addNewBookForm.bookTypeHint.nouvelle.title")}</h4>
+                        <p className="text-sm text-muted mb-2">{t("addNewBookForm.bookTypeHint.nouvelle.range")}</p>
+                        <p className="text-sm text-text-secondary">{t("addNewBookForm.bookTypeHint.nouvelle.description")}</p>
+                    </div>
+                    <div className="border-l-4 border-primary pl-4 bg-secondary/10 p-3 rounded-r-xl">
+                        <h4 className="font-semibold text-lg text-text-primary mb-1">{t("addNewBookForm.bookTypeHint.novelette.title")}</h4>
+                        <p className="text-sm text-muted mb-2">{t("addNewBookForm.bookTypeHint.novelette.range")}</p>
+                        <p className="text-sm text-text-secondary">{t("addNewBookForm.bookTypeHint.novelette.description")}</p>
+                    </div>
+                    <div className="border-l-4 border-primary pl-4 bg-secondary/10 p-3 rounded-r-xl">
+                        <h4 className="font-semibold text-lg text-text-primary mb-1">{t("addNewBookForm.bookTypeHint.novella.title")}</h4>
+                        <p className="text-sm text-muted mb-2">{t("addNewBookForm.bookTypeHint.novella.range")}</p>
+                        <p className="text-sm text-text-secondary">{t("addNewBookForm.bookTypeHint.novella.description")}</p>
+                    </div>
+                    <div className="border-l-4 border-primary pl-4 bg-secondary/10 p-3 rounded-r-xl">
+                        <h4 className="font-semibold text-lg text-text-primary mb-1">{t("addNewBookForm.bookTypeHint.chapbook.title")}</h4>
+                        <p className="text-sm text-muted mb-2">{t("addNewBookForm.bookTypeHint.chapbook.range")}</p>
+                        <p className="text-sm text-text-secondary">{t("addNewBookForm.bookTypeHint.chapbook.description")}</p>
+                    </div>
+                    <div className="border-l-4 border-primary pl-4 bg-secondary/10 p-3 rounded-r-xl">
+                        <h4 className="font-semibold text-lg text-text-primary mb-1">{t("addNewBookForm.bookTypeHint.roman.title")}</h4>
+                        <p className="text-sm text-muted mb-2">{t("addNewBookForm.bookTypeHint.roman.range")}</p>
+                        <p className="text-sm text-text-secondary">{t("addNewBookForm.bookTypeHint.roman.description")}</p>
+                    </div>
+                </div>
+                <div className="bg-primary/10 border border-primary/30 p-4 rounded-xl">
+                    <p className="text-sm text-text-primary font-medium">
+                        {t("addNewBookForm.bookTypeHint.tip")}
+                    </p>
+                </div>
+            </div>
+        ),
+    }]
+    
+    useEffect((): () => void => {
+        document.body.style.overflow = 'hidden';
+        return (): void => {
+            document.body.style.overflow = 'auto';
+        };
+    }, []);
+    
+    async function handleAddBook(): Promise<void> {
+        if (!title) {
+            errorMessage(t('addNewBookForm.error.titleMissing'));
+            return;
+        } else {
+            if (title.length < 2) {
+                errorMessage(t('addNewBookForm.error.titleTooShort'));
+                return;
+            }
+            if (title.length > 50) {
+                errorMessage(t('addNewBookForm.error.titleTooLong'));
+                return;
+            }
+        }
+        if (selectedBookType === '') {
+            errorMessage(t('addNewBookForm.error.typeMissing'));
+            return;
+        }
+        setIsAddingBook(true);
+        try {
+            const bookId: string = await System.authPostToServer<string>('book/add', {
+                title: title,
+                subTitle: subtitle,
+                type: selectedBookType,
+                summary: summary,
+                serie: 0,
+                publicationDate: publicationDate,
+                desiredWordCount: wordCount,
+            }, token, lang)
+            if (!bookId) {
+                errorMessage(t('addNewBookForm.error.addingBook'));
+                setIsAddingBook(false);
+                return;
+            }
+            const book: BookProps = {
+                bookId: bookId,
+                title,
+                subTitle: subtitle,
+                type: selectedBookType,
+                summary, serie: 0,
+                publicationDate,
+                desiredWordCount: wordCount
+            };
+            setSession({
+                ...session,
+                user: {
+                    ...session.user as UserProps,
+                    books: [...((session.user as UserProps)?.books ?? []), book]
+                }
+            });
+            setIsAddingBook(false);
+            setCloseForm(false)
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('addNewBookForm.error.addingBook'));
+            }
+            setIsAddingBook(false);
+        }
+    }
+    
+    function maxWordsCountHint(): MinMax {
+        switch (selectedBookType) {
+            case 'short':
+                return {
+                    min: 1000,
+                    max: 7500,
+                };
+            case 'chapbook':
+                return {
+                    min: 1000,
+                    max: 10000,
+                };
+            case 'novelette' :
+                return {
+                    min: 7500,
+                    max: 17500,
+                };
+            case 'long' :
+                return {
+                    min: 17500,
+                    max: 40000,
+                };
+            case 'novel' :
+                return {
+                    min: 40000,
+                    max: 0,
+                };
+            default :
+                return {
+                    min: 0,
+                    max: 0
+                }
+        }
+    }
+    
+    return (
+        <div
+            className="fixed inset-0 flex items-center justify-center bg-black/60 z-50 backdrop-blur-md animate-fadeIn">
+            <div ref={modalRef}
+                 className="bg-tertiary/95 backdrop-blur-sm text-text-primary rounded-2xl border border-secondary/50 shadow-2xl md:w-3/4 xl:w-1/4 lg:w-2/4 sm:w-11/12 max-h-[85vh] flex flex-col">
+                <div className="flex justify-between items-center bg-primary px-6 py-4 rounded-t-2xl shadow-lg">
+                    <h2 className="flex items-center gap-3 font-['ADLaM_Display'] text-2xl text-text-primary">
+                        <FontAwesomeIcon icon={faBook} className="w-6 h-6"/>
+                        {t("addNewBookForm.title")}
+                    </h2>
+                    <button
+                        className="text-background hover:text-background w-10 h-10 rounded-xl hover:bg-white/20 transition-all duration-200 flex items-center justify-center hover:scale-110"
+                        onClick={(): void => setCloseForm(false)}
+                    >
+                        <FontAwesomeIcon icon={faX} className={'w-5 h-5'}/>
+                    </button>
+                </div>
+                
+                <div className="p-5 overflow-y-auto flex-grow custom-scrollbar">
+                    <div className="space-y-6">
+                        <InputField icon={faBookOpen} fieldName={t("addNewBookForm.type")} input={
+                            <SelectBox
+                                onChangeCallBack={(e: ChangeEvent<HTMLSelectElement>): void => setSelectedBookType(e.target.value)}
+                                data={bookTypes.map((types: SelectBoxProps): SelectBoxProps => {
+                                    return {
+                                        value: types.value,
+                                        label: t(types.label)
+                                    }
+                                })} defaultValue={selectedBookType}
+                                placeholder={t("addNewBookForm.typePlaceholder")}/>
+                        } action={async (): Promise<void> => setBookTypeHint(true)} actionIcon={faInfo}/>
+                        <InputField icon={faPencilAlt} fieldName={t("addNewBookForm.bookTitle")} input={
+                            <TextInput value={title}
+                                       setValue={(e: ChangeEvent<HTMLInputElement>): void => setTitle(e.target.value)}
+                                       placeholder={t("addNewBookForm.bookTitlePlaceholder")}/>
+                        }/>
+                        {
+                            selectedBookType !== 'lyric' && (
+                                <InputField icon={faPencilAlt} fieldName={t("addNewBookForm.subtitle")} input={
+                                    <TextInput value={subtitle}
+                                               setValue={(e: ChangeEvent<HTMLInputElement>): void => setSubtitle(e.target.value)}
+                                               placeholder={t("addNewBookForm.subtitlePlaceholder")}/>
+                                }/>
+                            )
+                        }
+                        
+                        <InputField icon={faCalendarAlt} fieldName={t("addNewBookForm.publicationDate")} input={
+                            <DatePicker date={publicationDate}
+                                        setDate={(e: React.ChangeEvent<HTMLInputElement>): void => setPublicationDate(e.target.value)}/>
+                        }/>
+                        
+                        {
+                            selectedBookType !== 'lyric' && (
+                                <>
+                                    <InputField icon={faFileWord} fieldName={t("addNewBookForm.wordGoal")}
+                                                hint={selectedBookType && `${maxWordsCountHint().min.toLocaleString('fr-FR')} - ${maxWordsCountHint().max > 0 ? maxWordsCountHint().max.toLocaleString('fr-FR') : '∞'} ${t("addNewBookForm.words")}`}
+                                                input={
+                                                    <NumberInput value={wordCount} setValue={setWordCount}
+                                                                 placeholder={t("addNewBookForm.wordGoalPlaceholder")}/>
+                                                }/>
+                                    
+                                    <InputField
+                                        icon={faFileWord}
+                                        fieldName={t("addNewBookForm.summary")}
+                                        input={
+                                            <TexteAreaInput
+                                                value={summary}
+                                                setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setSummary(e.target.value)}
+                                                placeholder={t("addNewBookForm.summaryPlaceholder")}
+                                            />
+                                        }
+                                    />
+                                </>
+                            )
+                        }
+                    </div>
+                </div>
+                
+                <div
+                    className="flex justify-between items-center p-5 border-t border-secondary/50 bg-secondary/20 rounded-b-2xl">
+                    <div></div>
+                    <div className="flex gap-3">
+                        <CancelButton callBackFunction={() => setCloseForm(false)}/>
+                        <SubmitButtonWLoading callBackAction={handleAddBook} isLoading={isAddingBook}
+                                              text={t("addNewBookForm.add")}
+                                              loadingText={t("addNewBookForm.adding")} icon={faBook}/>
+                    </div>
+                </div>
+            </div>
+            {bookTypeHint && <GuideTour stepId={0} steps={bookTypesHint} onClose={(): void => setBookTypeHint(false)}
+                                        onComplete={async (): Promise<void> => setBookTypeHint(false)}/>}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/book/BookCard.tsx b/components/book/BookCard.tsx
new file mode 100644
index 0000000..7c8f505
--- /dev/null
+++ b/components/book/BookCard.tsx
@@ -0,0 +1,80 @@
+import Link from "next/link";
+import React from "react";
+import {BookProps} from "@/lib/models/Book";
+import DeleteBook from "@/components/book/settings/DeleteBook";
+import ExportBook from "@/components/ExportBook";
+import {useTranslations} from "next-intl";
+
+export default function BookCard(
+    {
+        book,
+        onClickCallback,
+        index
+    }: {
+        book: BookProps,
+        onClickCallback: Function;
+        index: number;
+    }) {
+    const t = useTranslations();
+    
+    return (
+        <div
+            className="group bg-tertiary/90 backdrop-blur-sm rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300 h-full border border-secondary/50 hover:border-primary/50 flex flex-col hover:scale-105">
+            <div className="relative w-full h-[400px] sm:h-32 md:h-48 lg:h-64 xl:h-80 flex-shrink-0 overflow-hidden">
+                <Link onClick={(): void => onClickCallback(book.bookId)} href={``}>
+                    {book.coverImage ? (
+                        <img
+                            src={book.coverImage}
+                            alt={book.title || t("bookCard.noCoverAlt")}
+                            className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"
+                        />
+                    ) : (
+                        <div
+                            className="relative w-full h-full bg-gradient-to-br from-secondary via-secondary to-gray-dark flex items-center justify-center overflow-hidden">
+                            <div className="absolute inset-0 bg-primary/5"></div>
+                            <span
+                                className="relative text-primary/80 text-4xl sm:text-5xl md:text-6xl font-['ADLaM_Display'] tracking-wider">
+                                {book.title.charAt(0).toUpperCase()}{t("bookCard.initialsSeparator")}{book.subTitle ? book.subTitle.charAt(0).toUpperCase() : ''}
+                            </span>
+                            <div
+                                className="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div>
+                            <div
+                                className="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div>
+                        </div>
+                    )}
+                </Link>
+                <div
+                    className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-tertiary via-tertiary/50 to-transparent h-24"></div>
+            </div>
+            
+            <div className="p-4 flex-1 flex flex-col justify-between">
+                <div className="flex-1">
+                    <Link onClick={(): void => onClickCallback(book.bookId)} href={``}>
+                        <h3 className="text-text-primary text-center font-bold text-base mb-2 truncate group-hover:text-primary transition-colors tracking-wide">
+                            {book.title}
+                        </h3>
+                    </Link>
+                    <div className="flex items-center justify-center mb-3 h-5">
+                        {book.subTitle ? (
+                            <>
+                                <div className="h-px w-8 bg-primary/30"></div>
+                                <p className="text-muted text-center mx-2 text-xs italic truncate px-2">
+                                    {book.subTitle}
+                                </p>
+                                <div className="h-px w-8 bg-primary/30"></div>
+                            </>
+                        ) : null}
+                    </div>
+                </div>
+                <div className="flex justify-between items-center pt-3 border-t border-secondary/30">
+                    <span
+                        className="bg-primary/10 text-primary text-xs px-3 py-1 rounded-full font-medium border border-primary/30"></span>
+                    <div className="flex items-center gap-1" {...index === 0 && {'data-guide': 'bottom-book-card'}}>
+                        <ExportBook bookTitle={book.title} bookId={book.bookId}/>
+                        <DeleteBook bookId={book.bookId}/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/book/BookCardSkeleton.tsx b/components/book/BookCardSkeleton.tsx
new file mode 100644
index 0000000..07d3c6a
--- /dev/null
+++ b/components/book/BookCardSkeleton.tsx
@@ -0,0 +1,26 @@
+export default function BookCardSkeleton() {
+    return (
+        <div
+            className="bg-tertiary/90 backdrop-blur-sm rounded-xl shadow-lg h-full border border-secondary/50 flex flex-col animate-pulse">
+            <div className="relative w-full h-[400px] sm:h-32 md:h-48 lg:h-64 xl:h-80 flex-shrink-0">
+                <div className="w-full h-full bg-secondary/30 rounded-t-xl"></div>
+                <div
+                    className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-background to-transparent h-20"></div>
+            </div>
+            
+            <div className="p-3 flex-1 flex flex-col justify-between">
+                <div>
+                    <div className="h-4 bg-secondary/30 rounded-lg mb-2 w-3/4 mx-auto"></div>
+                    <div className="h-3 bg-secondary/20 rounded-lg w-1/2 mx-auto"></div>
+                </div>
+                <div className="flex justify-between items-center mt-4">
+                    <div className="h-6 bg-secondary/30 rounded-full w-16"></div>
+                    <div className="flex items-center space-x-2">
+                        <div className="h-8 w-8 bg-secondary/30 rounded-lg"></div>
+                        <div className="h-8 w-8 bg-secondary/30 rounded-lg"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/components/book/BookList.tsx b/components/book/BookList.tsx
new file mode 100644
index 0000000..3181883
--- /dev/null
+++ b/components/book/BookList.tsx
@@ -0,0 +1,291 @@
+import React, {useContext, useEffect, useState} from "react";
+import System from "@/lib/models/System";
+import {AlertContext} from "@/context/AlertContext";
+import {BookContext} from "@/context/BookContext";
+import SearchBook from "./SearchBook";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faBook, faDownload, faGear, faTrash} from "@fortawesome/free-solid-svg-icons";
+import {SessionContext} from "@/context/SessionContext";
+import Book, {BookListProps, BookProps} from "@/lib/models/Book";
+import BookCard from "@/components/book/BookCard";
+import BookCardSkeleton from "@/components/book/BookCardSkeleton";
+import GuideTour, {GuideStep} from "@/components/GuideTour";
+import User from "@/lib/models/User";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+
+export default function BookList() {
+    const {session, setSession} = useContext(SessionContext);
+    const accessToken: string = session?.accessToken || '';
+    const {errorMessage} = useContext(AlertContext);
+    const {setBook} = useContext(BookContext);
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext)
+    
+    const [searchQuery, setSearchQuery] = useState<string>('');
+    const [groupedBooks, setGroupedBooks] = useState<Record<string, BookProps[]>>({});
+    const [isLoadingBooks, setIsLoadingBooks] = useState<boolean>(true);
+
+    const [bookGuide, setBookGuide] = useState<boolean>(false);
+    
+    const bookGuideSteps: GuideStep[] = [
+        {
+            id: 0,
+            targetSelector: '[data-guide="book-category"]',
+            position: 'left',
+            highlightRadius: -200,
+            title: `${t("bookList.guideStep0Title")} ${session.user?.name}`,
+            content: (
+                <div>
+                    <p>{t("bookList.guideStep0Content")}</p>
+                </div>
+            ),
+        },
+        {
+            id: 1,
+            targetSelector: '[data-guide="book-card"]',
+            position: 'left',
+            title: t("bookList.guideStep1Title"),
+            content: (
+                <div>
+                    <p>{t("bookList.guideStep1Content")}</p>
+                </div>
+            ),
+        },
+        {
+            id: 2,
+            targetSelector: '[data-guide="bottom-book-card"]',
+            position: 'left',
+            title: t("bookList.guideStep2Title"),
+            content: (
+                <div>
+                    <p>
+                        <FontAwesomeIcon icon={faGear} className="mr-2 text-primary w-5 h-5"/>
+                        {t("bookList.guideStep2ContentGear")}
+                    </p>
+                    <p>
+                        <FontAwesomeIcon icon={faDownload} className="mr-2 text-primary w-5 h-5"/>
+                        {t("bookList.guideStep2ContentDownload")}
+                    </p>
+                    <p>
+                        <FontAwesomeIcon icon={faTrash} className="mr-2 text-primary w-5 h-5"/>
+                        {t("bookList.guideStep2ContentTrash")}
+                    </p>
+                </div>
+            ),
+        },
+    ]
+    
+    useEffect((): void => {
+        if (groupedBooks && Object.keys(groupedBooks).length > 0 && User.guideTourDone(session.user?.guideTour || [], 'new-first-book')) {
+            setBookGuide(true);
+        }
+    }, [groupedBooks]);
+    
+    useEffect((): void => {
+        getBooks().then()
+    }, [session.user?.books]);
+    
+    useEffect((): void => {
+        if (accessToken) getBooks().then();
+    }, [accessToken]);
+    
+    async function handleFirstBookGuide(): Promise<void> {
+        try {
+            const response: boolean = await System.authPostToServer<boolean>(
+                'logs/tour',
+                {plateforme: 'web', tour: 'new-first-book'},
+                session.accessToken, lang
+            );
+            if (response) {
+                setSession(User.setNewGuideTour(session, 'new-first-book'));
+                setBookGuide(false);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("bookList.errorBookCreate"));
+            }
+        }
+    }
+    
+    async function getBooks(): Promise<void> {
+        setIsLoadingBooks(true);
+        try {
+            const bookResponse: BookListProps[] = await System.authGetQueryToServer<BookListProps[]>('books', accessToken, lang);
+            if (bookResponse) {
+                const booksByType: Record<string, BookProps[]> = bookResponse.reduce((groups: Record<string, BookProps[]>, book: BookListProps): Record<string, BookProps[]> => {
+                    const imageDataUrl: string = book.coverImage ? 'data:image/jpeg;base64,' + book.coverImage : '';
+                    const categoryLabel: string = Book.getBookTypeLabel(book.type);
+                    const transformedBook: BookProps = {
+                        bookId: book.id,
+                        type: categoryLabel,
+                        title: book.title,
+                        subTitle: book.subTitle,
+                        summary: book.summary,
+                        serie: book.serieId,
+                        publicationDate: book.desiredReleaseDate,
+                        desiredWordCount: book.desiredWordCount,
+                        totalWordCount: 0,
+                        coverImage: imageDataUrl,
+                    };
+                    if (!groups[t(categoryLabel)]) {
+                        groups[t(categoryLabel)] = [];
+                    }
+                    groups[t(categoryLabel)].push(transformedBook);
+                    return groups;
+                }, {});
+                setGroupedBooks(booksByType);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("bookList.errorBooksFetch"));
+            }
+        } finally {
+            setIsLoadingBooks(false);
+        }
+    }
+    
+    const filteredGroupedBooks: Record<string, BookProps[]> = Object.entries(groupedBooks).reduce(
+        (acc: Record<string, BookProps[]>, [category, books]: [string, BookProps[]]): Record<string, BookProps[]> => {
+            const filteredBooks: BookProps[] = books.filter((book: BookProps): boolean =>
+                book.title.toLowerCase().includes(searchQuery.toLowerCase())
+            );
+            
+            if (filteredBooks.length > 0) {
+                acc[category] = filteredBooks;
+            }
+            return acc;
+        },
+        {}
+    );
+    
+    async function getBook(bookId: string): Promise<void> {
+        try {
+            const bookResponse: BookListProps = await System.authGetQueryToServer<BookListProps>(
+                `book/basic-information`,
+                accessToken,
+                lang,
+                {id: bookId}
+            );
+            if (!bookResponse) {
+                errorMessage(t("bookList.errorBookDetails"));
+                return;
+            }
+            if (setBook) {
+                setBook({
+                    bookId: bookId,
+                    title: bookResponse?.title || '',
+                    subTitle: bookResponse?.subTitle || '',
+                    summary: bookResponse?.summary || '',
+                    type: bookResponse?.type || '',
+                    serie: bookResponse?.serieId,
+                    publicationDate: bookResponse?.desiredReleaseDate || '',
+                    desiredWordCount: bookResponse?.desiredWordCount || 0,
+                    totalWordCount: 0,
+                    coverImage: bookResponse?.coverImage ? 'data:image/jpeg;base64,' + bookResponse.coverImage : '',
+                });
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("bookList.errorUnknown"));
+            }
+        }
+    }
+    
+    return (
+        <div
+            className="flex flex-col items-center h-full overflow-hidden w-full text-text-primary font-['Lora']">
+            {session?.user && (
+                <div data-guide="search-bar" className="w-full max-w-3xl px-4 pt-6 pb-4">
+                    <SearchBook searchQuery={searchQuery} setSearchQuery={setSearchQuery}/>
+                </div>
+            )}
+            <div className="flex flex-col w-full overflow-y-auto h-full min-h-0 flex-grow">
+                {
+                    isLoadingBooks ? (
+                        <>
+                            <div className="text-center mb-8 px-6">
+                                <h1 className="font-['ADLaM_Display'] text-4xl mb-3 text-text-primary">{t("bookList.library")}</h1>
+                                <p className="text-muted italic text-lg">{t("bookList.booksAreMirrors")}</p>
+                            </div>
+
+                            <div className="w-full mb-10">
+                                <div className="flex justify-between items-center w-full max-w-5xl mx-auto mb-4 px-6">
+                                    <div className="h-8 bg-secondary/30 rounded-xl w-32 animate-pulse"></div>
+                                    <div className="h-6 bg-secondary/20 rounded-lg w-24 animate-pulse"></div>
+                                </div>
+                                
+                                <div className="flex flex-wrap justify-center items-start w-full px-4">
+                                    {Array.from({length: 6}).map((_, id: number) => (
+                                        <div key={id}
+                                             className="w-full sm:w-1/3 md:w-1/4 lg:w-1/5 xl:w-1/6 p-2 box-border">
+                                            <BookCardSkeleton/>
+                                        </div>
+                                    ))}
+                                </div>
+                            </div>
+                        </>
+                    ) : Object.entries(filteredGroupedBooks).length > 0 ? (
+                        <>
+                            <div className="text-center mb-8 px-6">
+                                <h1 className="font-['ADLaM_Display'] text-4xl mb-3 text-text-primary">{t("bookList.library")}</h1>
+                                <p className="text-muted italic text-lg">{t("bookList.booksAreMirrors")}</p>
+                            </div>
+                            
+                            {Object.entries(filteredGroupedBooks).map(([category, books], index) => (
+                                <div {...(index === 0 && {'data-guide': 'book-category'})} key={category}
+                                     className="w-full mb-10">
+                                    <div
+                                        className="flex justify-between items-center w-full max-w-5xl mx-auto mb-6 px-6">
+                                        <h2 className="text-3xl text-text-primary capitalize font-['ADLaM_Display'] flex items-center gap-3">
+                                            <span className="w-1 h-8 bg-primary rounded-full"></span>
+                                            {category}
+                                        </h2>
+                                        <span
+                                            className="text-muted text-lg font-medium bg-secondary/30 px-4 py-1.5 rounded-full">{books.length} {t("bookList.works")}</span>
+                                    </div>
+                                    
+                                    <div className="flex flex-wrap justify-center items-start w-full px-4">
+                                        {
+                                            books.map((book: BookProps, idx) => (
+                                                <div key={book.bookId}
+                                                     {...(idx === 0 && {'data-guide': 'book-card'})}
+                                                     className={`w-full sm:w-1/3 md:w-1/4 lg:w-1/5 xl:w-1/6 p-2 box-border ${User.guideTourDone(session.user?.guideTour || [], 'new-first-book') && 'mb-[200px]'}`}>
+                                                    <BookCard book={book}
+                                                              onClickCallback={getBook}
+                                                              index={idx}/>
+                                                </div>
+                                            ))
+                                        }
+                                    </div>
+                                </div>
+                            ))}
+                        </>
+                    ) : (
+                        <div className="flex items-center justify-center h-full">
+                            <div className="text-center p-8 max-w-lg">
+                                <div
+                                    className="w-24 h-24 bg-primary/20 text-primary rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-lg animate-pulse">
+                                    <FontAwesomeIcon icon={faBook} className={'w-12 h-12'}/>
+                                </div>
+                                <h2 className="text-4xl font-['ADLaM_Display'] mb-4 text-text-primary">{t("bookList.welcomeWritingWorkshop")}</h2>
+                                <p className="text-muted mb-6 text-lg leading-relaxed">
+                                    {t("bookList.whitePageText")}
+                                </p>
+                            </div>
+                        </div>
+                    )}
+            </div>
+            {
+                bookGuide && <GuideTour stepId={0} steps={bookGuideSteps} onComplete={handleFirstBookGuide}
+                                        onClose={() => setBookGuide(false)}/>
+            }
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/book/SearchBook.tsx b/components/book/SearchBook.tsx
new file mode 100644
index 0000000..a91827b
--- /dev/null
+++ b/components/book/SearchBook.tsx
@@ -0,0 +1,33 @@
+import {faSearch} from "@fortawesome/free-solid-svg-icons";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import React, {ChangeEvent, Dispatch, SetStateAction} from "react";
+import {t} from "i18next";
+import TextInput from "@/components/form/TextInput";
+
+export default function SearchBook(
+    {
+        searchQuery,
+        setSearchQuery,
+    }: {
+        searchQuery: string;
+        setSearchQuery: Dispatch<SetStateAction<string>>
+    }) {
+
+    return (
+        <div className="flex items-center relative my-5 w-full max-w-3xl">
+            <div className="relative flex-grow">
+                <div className="relative">
+                    <FontAwesomeIcon icon={faSearch}
+                                     className="absolute left-4 top-1/2 transform -translate-y-1/2 text-primary w-5 h-5 pointer-events-none z-10"/>
+                    <div className="pl-11">
+                        <TextInput
+                            value={searchQuery}
+                            setValue={(e: ChangeEvent<HTMLInputElement>) => setSearchQuery(e.target.value)}
+                            placeholder={t("searchBook.placeholder")}
+                        />
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
diff --git a/components/book/settings/BasicInformationSetting.tsx b/components/book/settings/BasicInformationSetting.tsx
new file mode 100644
index 0000000..a85dcc6
--- /dev/null
+++ b/components/book/settings/BasicInformationSetting.tsx
@@ -0,0 +1,232 @@
+'use client'
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faFeather, faTimes} from "@fortawesome/free-solid-svg-icons";
+import {ChangeEvent, forwardRef, useContext, useImperativeHandle, useState} from "react";
+import System from "@/lib/models/System";
+import axios, {AxiosResponse} from "axios";
+import {AlertContext} from "@/context/AlertContext";
+import {BookContext} from "@/context/BookContext";
+import {SessionContext} from "@/context/SessionContext";
+import TextInput from "@/components/form/TextInput";
+import TexteAreaInput from "@/components/form/TexteAreaInput";
+import InputField from "@/components/form/InputField";
+import NumberInput from "@/components/form/NumberInput";
+import DatePicker from "@/components/form/DatePicker";
+import {configs} from "@/lib/configs";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import {BookProps} from "@/lib/models/Book";
+
+function BasicInformationSetting(props: any, ref: any) {
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext)
+    
+    const {session} = useContext(SessionContext);
+    const {book, setBook} = useContext(BookContext);
+    const userToken: string = session?.accessToken ? session?.accessToken : '';
+    const {errorMessage, successMessage} = useContext(AlertContext);
+    const bookId: string = book?.bookId ? book?.bookId.toString() : '';
+    
+    const [currentImage, setCurrentImage] = useState<string>(book?.coverImage ?? '');
+    const [title, setTitle] = useState<string>(book?.title ? book?.title : '');
+    const [subTitle, setSubTitle] = useState<string>(book?.subTitle ? book?.subTitle : '');
+    const [summary, setSummary] = useState<string>(book?.summary ? book?.summary : '');
+    const [publicationDate, setPublicationDate] = useState<string>(book?.publicationDate ? book?.publicationDate : '');
+    const [wordCount, setWordCount] = useState<number>(book?.desiredWordCount ? book?.desiredWordCount : 0);
+    
+    useImperativeHandle(ref, function () {
+        return {
+            handleSave: handleSave
+        };
+    });
+    
+    async function handleCoverImageChange(e: ChangeEvent<HTMLInputElement>): Promise<void> {
+        const file: File | undefined = e.target.files?.[0];
+        
+        if (!file) {
+            errorMessage(t('basicInformationSetting.error.noFileSelected'));
+            return;
+        }
+        
+        const formData = new FormData();
+        formData.append('bookId', bookId);
+        formData.append('picture', file);
+        
+        try {
+            const query: AxiosResponse<ArrayBuffer> = await axios({
+                method: "POST",
+                url: configs.apiUrl + `book/cover?bookid=${bookId}`,
+                headers: {
+                    'Authorization': `Bearer ${userToken}`,
+                },
+                params: {
+                    lang: lang,
+                    plateforme: 'web',
+                },
+                data: formData,
+                responseType: 'arraybuffer'
+            });
+            
+            const contentType: string = query.headers['content-type'] || 'image/jpeg';
+            const blob = new Blob([query.data], {type: contentType});
+            const reader = new FileReader();
+            
+            reader.onloadend = function (): void {
+                if (typeof reader.result === 'string') {
+                    setCurrentImage(reader.result);
+                }
+            };
+            
+            reader.readAsDataURL(blob);
+        } catch (e: unknown) {
+            if (axios.isAxiosError(e)) {
+                const serverMessage: string = e.response?.data?.message || e.response?.data || e.message;
+                throw new Error(serverMessage as string);
+            } else if (e instanceof Error) {
+                throw new Error(e.message);
+            } else {
+                throw new Error('An unexpected error occurred');
+            }
+        }
+    }
+    
+    async function handleRemoveCurrentImage(): Promise<void> {
+        try {
+            const response: boolean = await System.authDeleteToServer<boolean>(`book/cover/delete`, {
+                bookId: bookId
+            }, userToken, lang);
+            if (!response) {
+                errorMessage(t('basicInformationSetting.error.removeCover'));
+            }
+            setCurrentImage('');
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('basicInformationSetting.error.unknown'));
+            }
+        }
+    }
+    
+    async function handleSave(): Promise<void> {
+        if (!title) {
+            errorMessage(t('basicInformationSetting.error.titleRequired'));
+            return;
+        }
+        try {
+            const response: boolean = await System.authPostToServer<boolean>('book/basic-information', {
+                title: title,
+                subTitle: subTitle,
+                summary: summary,
+                publicationDate: publicationDate,
+                wordCount: wordCount,
+                bookId: bookId
+            }, userToken, lang);
+            if (!response) {
+                errorMessage(t('basicInformationSetting.error.update'));
+                return;
+            }
+            if (!book) {
+                errorMessage(t('basicInformationSetting.error.unknown'));
+                return;
+            }
+            const updatedBook: BookProps = {
+                ...book,
+                title: title,
+                subTitle: subTitle,
+                summary: summary,
+                publicationDate: publicationDate,
+                desiredWordCount: wordCount,
+            };
+            setBook!!(updatedBook);
+            successMessage(t('basicInformationSetting.success.update'));
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('basicInformationSetting.error.unknown'));
+            }
+        }
+    }
+    
+    return (
+        <div className="space-y-6">
+            <div className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                    <InputField fieldName={t('basicInformationSetting.fields.title')} input={<TextInput
+                        value={title}
+                        setValue={(e: ChangeEvent<HTMLInputElement>) => setTitle(e.target.value)}
+                        placeholder={t('basicInformationSetting.fields.titlePlaceholder')}
+                    />}/>
+                    <InputField fieldName={t('basicInformationSetting.fields.subtitle')} input={<TextInput
+                        value={subTitle}
+                        setValue={(e: ChangeEvent<HTMLInputElement>) => setSubTitle(e.target.value)}
+                        placeholder={t('basicInformationSetting.fields.subtitlePlaceholder')}
+                    />}/>
+                </div>
+            </div>
+            
+            <div className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                <InputField fieldName={t('basicInformationSetting.fields.summary')} input={<TexteAreaInput
+                    value={summary}
+                    setValue={(e: ChangeEvent<HTMLTextAreaElement>) => setSummary(e.target.value)}
+                    placeholder={t('basicInformationSetting.fields.summaryPlaceholder')}
+                />}/>
+            </div>
+            
+            <div className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+                    <InputField fieldName={t('basicInformationSetting.fields.publicationDate')} input={
+                        <DatePicker
+                            date={publicationDate}
+                            setDate={(e: ChangeEvent<HTMLInputElement>) => setPublicationDate(e.target.value)}
+                        />
+                    }/>
+                    <InputField fieldName={t('basicInformationSetting.fields.wordCount')} input={
+                        <NumberInput value={wordCount} setValue={setWordCount}
+                                     placeholder={t('basicInformationSetting.fields.wordCountPlaceholder')}/>
+                    }/>
+                </div>
+            </div>
+            
+            <div className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                {currentImage ? (
+                    <div className="flex justify-center">
+                        <div className="relative w-40">
+                            <img src={currentImage} alt={t('basicInformationSetting.fields.coverImageAlt')}
+                                 className="rounded-lg border border-secondary shadow-md w-full h-auto"/>
+                            <button
+                                type="button"
+                                className="absolute -top-2 -right-2 bg-error/90 hover:bg-error text-white rounded-full w-8 h-8 flex items-center justify-center hover:scale-110 transition-all duration-200 shadow-lg"
+                                onClick={handleRemoveCurrentImage}
+                            >
+                                <FontAwesomeIcon icon={faTimes} className={'w-5 h-5'}/>
+                            </button>
+                        </div>
+                    </div>
+                ) : (
+                    <div className="flex justify-center">
+                        <div className="w-full max-w-lg">
+                            <div
+                                className="p-6 border-2 border-dashed border-secondary/50 rounded-xl bg-secondary/20 hover:border-primary/60 hover:bg-secondary/30 transition-all duration-200 shadow-inner">
+                                <InputField fieldName={t('basicInformationSetting.fields.coverImage')}
+                                            actionIcon={faFeather}
+                                            actionLabel={t('basicInformationSetting.fields.generateWithQuillSense')}
+                                            action={async () => {
+                                            }} input={<input
+                                    type="file"
+                                    id="coverImage"
+                                    accept="image/png, image/jpeg"
+                                    onChange={handleCoverImageChange}
+                                    className="w-full text-text-secondary focus:outline-none file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-primary file:text-background hover:file:bg-primary-dark file:cursor-pointer"
+                                />}/>
+                            </div>
+                        </div>
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+}
+
+export default forwardRef(BasicInformationSetting);
\ No newline at end of file
diff --git a/components/book/settings/BookSetting.tsx b/components/book/settings/BookSetting.tsx
new file mode 100644
index 0000000..74db62d
--- /dev/null
+++ b/components/book/settings/BookSetting.tsx
@@ -0,0 +1,18 @@
+import {useState} from "react";
+import BookSettingSidebar from "@/components/book/settings/BookSettingSidebar";
+import BookSettingOption from "@/components/book/settings/BookSettingOption";
+
+export default function BookSetting() {
+    const [currentSetting, setCurrentSetting] = useState<string>('basic-information')
+    return (
+        <div
+            className={'flex justify-start bg-tertiary/90 backdrop-blur-sm rounded-2xl overflow-hidden border border-secondary/50 shadow-2xl'}>
+            <div className={'bg-secondary/30 backdrop-blur-sm w-1/4 border-r border-secondary/50'}>
+                <BookSettingSidebar selectedSetting={currentSetting} setSelectedSetting={setCurrentSetting}/>
+            </div>
+            <div className={'flex-1 setting-container bg-tertiary/50 p-6'}>
+                <BookSettingOption setting={currentSetting}/>
+            </div>
+        </div>
+    )
+}
diff --git a/components/book/settings/BookSettingOption.tsx b/components/book/settings/BookSettingOption.tsx
new file mode 100644
index 0000000..a089ab7
--- /dev/null
+++ b/components/book/settings/BookSettingOption.tsx
@@ -0,0 +1,118 @@
+import BasicInformationSetting from "./BasicInformationSetting";
+import GuideLineSetting from "./guide-line/GuideLineSetting";
+import StorySetting from "./story/StorySetting";
+import WorldSetting from "@/components/book/settings/world/WorldSetting";
+import {faPen, faSave} from "@fortawesome/free-solid-svg-icons";
+import {RefObject, useRef} from "react";
+import PanelHeader from "@/components/PanelHeader";
+import LocationComponent from "@/components/book/settings/locations/LocationComponent";
+import CharacterComponent from "@/components/book/settings/characters/CharacterComponent";
+import {useTranslations} from "next-intl"; // Ajouté pour la traduction
+
+export default function BookSettingOption(
+    {
+        setting,
+    }: {
+        setting: string;
+    }) {
+    const t = useTranslations(); // Ajouté pour la traduction
+    
+    const basicInfoRef: RefObject<{ handleSave: () => Promise<void> } | null> = useRef<{
+        handleSave: () => Promise<void>
+    }>(null);
+    const guideLineRef: RefObject<{ handleSave: () => Promise<void> } | null> = useRef<{
+        handleSave: () => Promise<void>
+    }>(null);
+    const storyRef: RefObject<{ handleSave: () => Promise<void> } | null> = useRef<{
+        handleSave: () => Promise<void>
+    }>(null);
+    const worldRef: RefObject<{ handleSave: () => Promise<void> } | null> = useRef<{
+        handleSave: () => Promise<void>
+    }>(null);
+    const locationRef: RefObject<{ handleSave: () => Promise<void> } | null> = useRef<{
+        handleSave: () => Promise<void>
+    }>(null);
+    const characterRef: RefObject<{ handleSave: () => Promise<void> } | null> = useRef<{
+        handleSave: () => Promise<void>
+    }>(null);
+    
+    function renderTitle(): string {
+        switch (setting) {
+            case 'basic-information':
+                return t("bookSettingOption.basicInformation");
+            case 'guide-line':
+                return t("bookSettingOption.guideLine");
+            case 'story':
+                return t("bookSettingOption.storyPlan");
+            case 'world':
+                return t("bookSettingOption.manageWorlds");
+            case 'locations':
+                return t("bookSettingOption.yourLocations");
+            case 'characters':
+                return t("bookSettingOption.characters");
+            case 'objects':
+                return t("bookSettingOption.objectsList");
+            case 'goals':
+                return t("bookSettingOption.bookGoals");
+            default:
+                return "";
+        }
+    }
+    
+    async function handleSaveClick(): Promise<void> {
+        switch (setting) {
+            case 'basic-information':
+                basicInfoRef.current?.handleSave();
+                break;
+            case 'guide-line':
+                guideLineRef.current?.handleSave();
+                break;
+            case 'story':
+                storyRef.current?.handleSave();
+                break;
+            case 'world':
+                worldRef.current?.handleSave();
+                break;
+            case 'locations':
+                locationRef.current?.handleSave();
+                break;
+            case 'characters':
+                characterRef.current?.handleSave();
+                break;
+            default:
+                break;
+        }
+    }
+    
+    return (
+        <div className="space-y-5">
+            <PanelHeader
+                icon={faPen}
+                badge={`BI`}
+                title={renderTitle()}
+                description={``}
+                secondActionCallback={handleSaveClick}
+                callBackAction={handleSaveClick}
+                secondActionIcon={faSave}
+            />
+            <div className="bg-secondary/10 rounded-xl overflow-auto max-h-[calc(100vh-250px)] p-1">
+                {
+                    setting === 'basic-information' ? (
+                        <BasicInformationSetting ref={basicInfoRef}/>
+                    ) : setting === 'guide-line' ? (
+                        <GuideLineSetting ref={guideLineRef}/>
+                    ) : setting === 'story' ? (
+                        <StorySetting ref={storyRef}/>
+                    ) : setting === 'world' ? (
+                        <WorldSetting ref={worldRef}/>
+                    ) : setting === 'locations' ? (
+                        <LocationComponent ref={locationRef}/>
+                    ) : setting === 'characters' ? (
+                        <CharacterComponent ref={characterRef}/>
+                    ) : <div
+                        className="text-text-secondary py-4 text-center">{t("bookSettingOption.notAvailable")}</div>
+                }
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/book/settings/BookSettingSidebar.tsx b/components/book/settings/BookSettingSidebar.tsx
new file mode 100644
index 0000000..caa195c
--- /dev/null
+++ b/components/book/settings/BookSettingSidebar.tsx
@@ -0,0 +1,91 @@
+'use client'
+import Link from "next/link";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faBook, faGlobe, faListAlt, faMapMarkedAlt, faPencilAlt, faUser} from "@fortawesome/free-solid-svg-icons";
+import React, {Dispatch, SetStateAction} from "react";
+import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
+import {useTranslations} from "next-intl";
+
+interface BookSettingOption {
+    id: string;
+    name: string;
+    icon: IconDefinition;
+}
+
+export default function BookSettingSidebar(
+    {
+        selectedSetting,
+        setSelectedSetting
+    }: {
+        selectedSetting: string,
+        setSelectedSetting: Dispatch<SetStateAction<string>>
+    }) {
+    const t = useTranslations();
+    
+    const settings: BookSettingOption[] = [
+        {
+            id: 'basic-information',
+            name: 'bookSetting.basicInformation',
+            icon: faPencilAlt
+        },
+        {
+            id: 'guide-line',
+            name: 'bookSetting.guideLine',
+            icon: faListAlt
+        },
+        {
+            id: 'story',
+            name: 'bookSetting.story',
+            icon: faBook
+        },
+        {
+            id: 'world',
+            name: 'bookSetting.world',
+            icon: faGlobe
+        },
+        {
+            id: 'locations',
+            name: 'bookSetting.locations',
+            icon: faMapMarkedAlt
+        },
+        {
+            id: 'characters',
+            name: 'bookSetting.characters',
+            icon: faUser
+        },
+        // {
+        //     id: 'objects',
+        //     name: t('bookSetting.objects'),
+        //     icon: faLocationArrow
+        // },
+        // {
+        //     id: 'goals',
+        //     name: t('bookSetting.goals'),
+        //     icon: faCogs
+        // },
+    ]
+
+    return (
+        <div className="py-6 px-3">
+            <nav className="space-y-1">
+                {
+                    settings.map((setting: BookSettingOption) => (
+                        <Link
+                            key={setting.id}
+                            href={''}
+                            onClick={(): void => setSelectedSetting(setting.id)}
+                            className={`flex items-center text-base rounded-xl transition-all duration-200 ${
+                                selectedSetting === setting.id
+                                    ? 'bg-primary/20 text-text-primary border-l-4 border-primary font-semibold shadow-md scale-105'
+                                    : 'text-text-secondary hover:bg-secondary/50 hover:text-text-primary hover:scale-102'
+                            } p-3 mb-1`}>
+                            <FontAwesomeIcon icon={setting.icon}
+                                             className={`mr-3 ${selectedSetting === setting.id ? 'text-primary w-5 h-5' : 'text-text-secondary w-5 h-5'}`}/>
+                            {t(setting.name)}
+                        </Link>
+                    ))
+                }
+            </nav>
+        </div>
+    )
+}
diff --git a/components/book/settings/DeleteBook.tsx b/components/book/settings/DeleteBook.tsx
new file mode 100644
index 0000000..c0c0cfc
--- /dev/null
+++ b/components/book/settings/DeleteBook.tsx
@@ -0,0 +1,90 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faTrash} from "@fortawesome/free-solid-svg-icons";
+import React, {useContext, useState} from "react";
+import System from "@/lib/models/System";
+import {SessionContext} from "@/context/SessionContext";
+import {BookProps} from "@/lib/models/Book";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import {AlertContext, AlertContextProps} from "@/context/AlertContext";
+import AlertBox from "@/components/AlertBox";
+
+interface DeleteBookProps {
+    bookId: string;
+}
+
+export default function DeleteBook({bookId}: DeleteBookProps) {
+    const {session, setSession} = useContext(SessionContext);
+    const {lang} = useContext<LangContextProps>(LangContext)
+    const [showConfirmBox, setShowConfirmBox] = useState<boolean>(false);
+    const {errorMessage} = useContext<AlertContextProps>(AlertContext)
+    
+    function handleConfirmation(): void {
+        setShowConfirmBox(true);
+    }
+
+    async function handleDeleteBook(): Promise<void> {
+        try {
+            const response: boolean = await System.authDeleteToServer<boolean>(
+                `book/delete`,
+                {
+                    id: bookId,
+                },
+                session.accessToken,
+                lang
+            );
+            if (response) {
+                setShowConfirmBox(false);
+                const updatedBooks: BookProps[] = (session.user?.books || []).reduce((acc: BookProps[], book: BookProps): BookProps[] => {
+                    if (book.bookId !== bookId) {
+                        acc.push({...book});
+                    }
+                    return acc;
+                }, []);
+                if (!response) {
+                    errorMessage("Une erreur est survenue lors de la suppression du livre.");
+                    return;
+                }
+                const updatedUser = {
+                    ...(JSON.parse(JSON.stringify(session.user))),
+                    books: updatedBooks
+                };
+                
+                const newSession = {
+                    ...JSON.parse(JSON.stringify(session)),
+                    user: updatedUser,
+                    isConnected: true,
+                    accessToken: session.accessToken
+                };
+                
+                setSession(newSession);
+                
+                setTimeout((): void => {
+                    setSession({...newSession});
+                }, 0);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message)
+            } else {
+                errorMessage("Une erreur inconnue est survenue lors de la suppression du livre.");
+            }
+        }
+    }
+
+    return (
+        <>
+            <button onClick={handleConfirmation}
+                    className="text-muted hover:text-error hover:bg-error/10 transition-all duration-200 p-2 rounded-lg hover:scale-110">
+                <FontAwesomeIcon icon={faTrash} className={'w-5 h-5'}/>
+            </button>
+            {
+                showConfirmBox && (
+                    <AlertBox title={'Suppression du livre'}
+                              message={'Vous être sur le point de supprimer votre livre définitivement.'} type={"danger"}
+                              onConfirm={handleDeleteBook} onCancel={() => setShowConfirmBox(false)}
+                              confirmText={'Supprimer'} cancelText={'Annuler'}/>
+                )
+            }
+        </>
+    )
+}
diff --git a/components/book/settings/characters/CharacterComponent.tsx b/components/book/settings/characters/CharacterComponent.tsx
new file mode 100644
index 0000000..1b03318
--- /dev/null
+++ b/components/book/settings/characters/CharacterComponent.tsx
@@ -0,0 +1,264 @@
+'use client';
+import React, {Dispatch, forwardRef, SetStateAction, useContext, useEffect, useImperativeHandle, useState} from 'react';
+import {Attribute, CharacterProps} from "@/lib/models/Character";
+import {SessionContext} from "@/context/SessionContext";
+import CharacterList from './CharacterList';
+import System from '@/lib/models/System';
+import {AlertContext} from "@/context/AlertContext";
+import {BookContext} from "@/context/BookContext";
+import CharacterDetail from "@/components/book/settings/characters/CharacterDetail";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+
+interface CharacterDetailProps {
+    selectedCharacter: CharacterProps | null;
+    setSelectedCharacter: Dispatch<SetStateAction<CharacterProps | null>>;
+    handleCharacterChange: (key: keyof CharacterProps, value: string) => void;
+    handleAddElement: (section: keyof CharacterProps, element: any) => void;
+    handleRemoveElement: (
+        section: keyof CharacterProps,
+        index: number,
+        attrId: string,
+    ) => void;
+    handleSaveCharacter: () => void;
+}
+
+const initialCharacterState: CharacterProps = {
+    id: null,
+    name: '',
+    lastName: '',
+    category: 'none',
+    title: '',
+    role: '',
+    image: 'https://via.placeholder.com/150',
+    biography: '',
+    history: '',
+    physical: [],
+    psychological: [],
+    relations: [],
+    skills: [],
+    weaknesses: [],
+    strengths: [],
+    goals: [],
+    motivations: [],
+};
+
+export function CharacterComponent(props: any, ref: any) {
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext)
+    const {session} = useContext(SessionContext);
+    const {book} = useContext(BookContext);
+    const {errorMessage, successMessage} = useContext(AlertContext);
+    const [characters, setCharacters] = useState<CharacterProps[]>([]);
+    const [selectedCharacter, setSelectedCharacter] = useState<CharacterProps | null>(null);
+    
+    useImperativeHandle(ref, function () {
+        return {
+            handleSave: handleSaveCharacter,
+        };
+    });
+    
+    useEffect((): void => {
+        getCharacters().then();
+    }, []);
+    
+    async function getCharacters(): Promise<void> {
+        try {
+            const response: CharacterProps[] = await System.authGetQueryToServer<CharacterProps[]>(`character/list`, session.accessToken, lang, {
+                bookid: book?.bookId,
+            });
+            if (response) {
+                setCharacters(response);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("common.unknownError"));
+            }
+        }
+    }
+    
+    function handleCharacterClick(character: CharacterProps): void {
+        setSelectedCharacter({...character});
+    }
+    
+    function handleAddCharacter(): void {
+        setSelectedCharacter({...initialCharacterState});
+    }
+    
+    async function handleSaveCharacter(): Promise<void> {
+        if (selectedCharacter) {
+            const updatedCharacter: CharacterProps = {...selectedCharacter};
+            if (selectedCharacter.id === null) {
+                await addNewCharacter(updatedCharacter);
+            } else {
+                await updateCharacter(updatedCharacter);
+            }
+        }
+    }
+    
+    async function addNewCharacter(updatedCharacter: CharacterProps): Promise<void> {
+        if (!updatedCharacter.name) {
+            errorMessage(t("characterComponent.errorNameRequired"));
+            return;
+        }
+        if (updatedCharacter.category === 'none') {
+            errorMessage(t("characterComponent.errorCategoryRequired"));
+            return;
+        }
+        try {
+            const characterId: string = await System.authPostToServer<string>(`character/add`, {
+                bookId: book?.bookId,
+                character: updatedCharacter,
+            }, session.accessToken, lang);
+            if (!characterId) {
+                errorMessage(t("characterComponent.errorAddCharacter"));
+                return;
+            }
+            updatedCharacter.id = characterId;
+            setCharacters([...characters, updatedCharacter]);
+            setSelectedCharacter(null);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("common.unknownError"));
+            }
+        }
+    }
+    
+    async function updateCharacter(updatedCharacter: CharacterProps,): Promise<void> {
+        try {
+            const response: boolean = await System.authPostToServer<boolean>(`character/update`, {
+                character: updatedCharacter,
+            }, session.accessToken, lang);
+            if (!response) {
+                errorMessage(t("characterComponent.errorUpdateCharacter"));
+                return;
+            }
+            setCharacters(
+                characters.map((char: CharacterProps): CharacterProps =>
+                    char.id === updatedCharacter.id ? updatedCharacter : char,
+                ),
+            );
+            setSelectedCharacter(null);
+            successMessage(t("characterComponent.successUpdate"));
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("common.unknownError"));
+            }
+        }
+    }
+    
+    function handleCharacterChange(
+        key: keyof CharacterProps,
+        value: string,
+    ): void {
+        if (selectedCharacter) {
+            setSelectedCharacter({...selectedCharacter, [key]: value});
+        }
+    }
+    
+    async function handleAddElement(
+        section: keyof CharacterProps,
+        value: Attribute,
+    ): Promise<void> {
+        if (selectedCharacter) {
+            if (selectedCharacter.id === null) {
+                const updatedSection: any[] = [
+                    ...(selectedCharacter[section] as any[]),
+                    value,
+                ];
+                setSelectedCharacter({...selectedCharacter, [section]: updatedSection});
+            } else {
+                try {
+                    const attributeId: string = await System.authPostToServer<string>(`character/attribute/add`, {
+                        characterId: selectedCharacter.id,
+                        type: section,
+                        name: value.name,
+                    }, session.accessToken, lang);
+                    if (!attributeId) {
+                        errorMessage(t("characterComponent.errorAddAttribute"));
+                        return;
+                    }
+                    const newValue: Attribute = {
+                        name: value.name,
+                        id: attributeId,
+                    };
+                    const updatedSection: Attribute[] = [...(selectedCharacter[section] as Attribute[]), newValue,];
+                    setSelectedCharacter({...selectedCharacter, [section]: updatedSection});
+                } catch (e: unknown) {
+                    if (e instanceof Error) {
+                        errorMessage(e.message);
+                    } else {
+                        errorMessage(t("common.unknownError"));
+                    }
+                }
+            }
+        }
+    }
+    
+    async function handleRemoveElement(
+        section: keyof CharacterProps,
+        index: number,
+        attrId: string,
+    ): Promise<void> {
+        if (selectedCharacter) {
+            if (selectedCharacter.id === null) {
+                const updatedSection: Attribute[] = (
+                    selectedCharacter[section] as Attribute[]
+                ).filter((_, i: number): boolean => i !== index);
+                setSelectedCharacter({...selectedCharacter, [section]: updatedSection});
+            } else {
+                try {
+                    const response: boolean = await System.authDeleteToServer<boolean>(`character/attribute/delete`, {
+                        attributeId: attrId,
+                    }, session.accessToken, lang);
+                    if (!response) {
+                        errorMessage(t("characterComponent.errorRemoveAttribute"));
+                        return;
+                    }
+                    const updatedSection: Attribute[] = (
+                        selectedCharacter[section] as Attribute[]
+                    ).filter((_, i: number): boolean => i !== index);
+                    setSelectedCharacter({
+                        ...selectedCharacter,
+                        [section]: updatedSection,
+                    });
+                } catch (e: unknown) {
+                    if (e instanceof Error) {
+                        errorMessage(e.message);
+                    } else {
+                        errorMessage(t("common.unknownError"));
+                    }
+                }
+            }
+        }
+    }
+    
+    return (
+        <div className="space-y-5">
+            {selectedCharacter ? (
+                <CharacterDetail
+                    selectedCharacter={selectedCharacter}
+                    setSelectedCharacter={setSelectedCharacter}
+                    handleAddElement={handleAddElement}
+                    handleRemoveElement={handleRemoveElement}
+                    handleCharacterChange={handleCharacterChange}
+                    handleSaveCharacter={handleSaveCharacter}
+                />
+            ) : (
+                <CharacterList
+                    characters={characters}
+                    handleAddCharacter={handleAddCharacter}
+                    handleCharacterClick={handleCharacterClick}
+                />
+            )}
+        </div>
+    );
+}
+
+export default forwardRef(CharacterComponent);
\ No newline at end of file
diff --git a/components/book/settings/characters/CharacterDetail.tsx b/components/book/settings/characters/CharacterDetail.tsx
new file mode 100644
index 0000000..55e1d88
--- /dev/null
+++ b/components/book/settings/characters/CharacterDetail.tsx
@@ -0,0 +1,230 @@
+import CollapsableArea from "@/components/CollapsableArea";
+import InputField from "@/components/form/InputField";
+import TexteAreaInput from "@/components/form/TexteAreaInput";
+import TextInput from "@/components/form/TextInput";
+import SelectBox from "@/components/form/SelectBox";
+import {AlertContext} from "@/context/AlertContext";
+import {SessionContext} from "@/context/SessionContext";
+import {
+    CharacterAttribute,
+    characterCategories,
+    CharacterElement,
+    characterElementCategory,
+    CharacterProps,
+    characterTitle
+} from "@/lib/models/Character";
+import System from "@/lib/models/System";
+import {
+    faAddressCard,
+    faArrowLeft,
+    faBook,
+    faLayerGroup,
+    faPlus,
+    faSave,
+    faScroll,
+    faUser
+} from "@fortawesome/free-solid-svg-icons";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {Dispatch, SetStateAction, useContext, useEffect} from "react";
+import CharacterSectionElement from "@/components/book/settings/characters/CharacterSectionElement";
+import {useTranslations} from "next-intl";
+import {LangContext} from "@/context/LangContext";
+
+interface CharacterDetailProps {
+    selectedCharacter: CharacterProps | null;
+    setSelectedCharacter: Dispatch<SetStateAction<CharacterProps | null>>;
+    handleCharacterChange: (key: keyof CharacterProps, value: string) => void;
+    handleAddElement: (section: keyof CharacterProps, element: any) => void;
+    handleRemoveElement: (
+        section: keyof CharacterProps,
+        index: number,
+        attrId: string,
+    ) => void;
+    handleSaveCharacter: () => void;
+}
+
+export default function CharacterDetail(
+    {
+        setSelectedCharacter,
+        selectedCharacter,
+        handleCharacterChange,
+        handleRemoveElement,
+        handleAddElement,
+        handleSaveCharacter,
+    }: CharacterDetailProps
+) {
+    const t = useTranslations();
+    const {lang} = useContext(LangContext);
+    const {session} = useContext(SessionContext);
+    const {errorMessage} = useContext(AlertContext);
+    
+    useEffect((): void => {
+        if (selectedCharacter?.id !== null) {
+            getAttributes().then();
+        }
+    }, []);
+    
+    async function getAttributes(): Promise<void> {
+        try {
+            const response: CharacterAttribute = await System.authGetQueryToServer<CharacterAttribute>(`character/attribute`, session.accessToken, lang, {
+                characterId: selectedCharacter?.id,
+            });
+            if (response) {
+                setSelectedCharacter({
+                    id: selectedCharacter?.id ?? '',
+                    name: selectedCharacter?.name ?? '',
+                    image: selectedCharacter?.image ?? '',
+                    lastName: selectedCharacter?.lastName ?? '',
+                    category: selectedCharacter?.category ?? 'none',
+                    title: selectedCharacter?.title ?? '',
+                    biography: selectedCharacter?.biography,
+                    history: selectedCharacter?.history,
+                    role: selectedCharacter?.role ?? '',
+                    physical: response.physical ?? [],
+                    psychological: response.psychological ?? [],
+                    relations: response.relations ?? [],
+                    skills: response.skills ?? [],
+                    weaknesses: response.weaknesses ?? [],
+                    strengths: response.strengths ?? [],
+                    goals: response.goals ?? [],
+                    motivations: response.motivations ?? [],
+                });
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("characterDetail.fetchAttributesError"));
+            }
+        }
+    }
+    
+    return (
+        <div className="space-y-4">
+            <div
+                className="flex justify-between items-center p-4 border-b border-secondary/50 bg-tertiary/50 backdrop-blur-sm">
+                <button onClick={() => setSelectedCharacter(null)}
+                        className="flex items-center gap-2 bg-secondary/50 py-2 px-4 rounded-xl border border-secondary/50 hover:bg-secondary hover:border-secondary hover:shadow-md hover:scale-105 transition-all duration-200">
+                    <FontAwesomeIcon icon={faArrowLeft} className="text-primary w-4 h-4"/>
+                    <span className="text-text-primary font-medium">{t("characterDetail.back")}</span>
+                </button>
+                <span className="text-text-primary font-semibold text-lg">
+                  {selectedCharacter?.name || t("characterDetail.newCharacter")}
+                </span>
+                <button onClick={handleSaveCharacter}
+                        className="flex items-center justify-center bg-primary w-10 h-10 rounded-xl border border-primary-dark shadow-md hover:shadow-lg hover:scale-110 transition-all duration-200">
+                    <FontAwesomeIcon icon={selectedCharacter?.id ? faSave : faPlus}
+                                     className="text-text-primary w-5 h-5"/>
+                </button>
+            </div>
+            
+            <div className="overflow-y-auto max-h-[calc(100vh-350px)] space-y-4 px-2 pb-4">
+                <CollapsableArea title={t("characterDetail.basicInfo")} icon={faUser}>
+                    <div className="space-y-4 p-4 bg-secondary/20 rounded-xl border border-secondary/30">
+                        <InputField
+                            fieldName={t("characterDetail.name")}
+                            input={
+                                <TextInput
+                                    value={selectedCharacter?.name || ''}
+                                    setValue={(e) => handleCharacterChange('name', e.target.value)}
+                                    placeholder={t("characterDetail.namePlaceholder")}
+                                />
+                            }
+                        />
+                        
+                        <InputField
+                            fieldName={t("characterDetail.lastName")}
+                            input={
+                                <TextInput
+                                    value={selectedCharacter?.lastName || ''}
+                                    setValue={(e) => handleCharacterChange('lastName', e.target.value)}
+                                    placeholder={t("characterDetail.lastNamePlaceholder")}
+                                />
+                            }
+                        />
+                        
+                        <InputField
+                            fieldName={t("characterDetail.role")}
+                            input={
+                                <SelectBox
+                                    defaultValue={selectedCharacter?.category || 'none'}
+                                    onChangeCallBack={(e) => setSelectedCharacter(prev =>
+                                        prev ? {...prev, category: e.target.value as CharacterProps['category']} : prev
+                                    )}
+                                    data={characterCategories}
+                                />
+                            }
+                            icon={faLayerGroup}
+                        />
+                        
+                        <InputField
+                            fieldName={t("characterDetail.title")}
+                            input={
+                                <SelectBox
+                                    defaultValue={selectedCharacter?.title || 'none'}
+                                    onChangeCallBack={(e) => handleCharacterChange('title', e.target.value)}
+                                    data={characterTitle}
+                                />
+                            }
+                            icon={faAddressCard}
+                        />
+                    </div>
+                </CollapsableArea>
+                
+                <CollapsableArea title={t("characterDetail.historySection")} icon={faUser}>
+                    <div className="space-y-4 p-4 bg-secondary/20 rounded-xl border border-secondary/30">
+                        <InputField
+                            fieldName={t("characterDetail.biography")}
+                            input={
+                                <TexteAreaInput
+                                    value={selectedCharacter?.biography || ''}
+                                    setValue={(e) => handleCharacterChange('biography', e.target.value)}
+                                    placeholder={t("characterDetail.biographyPlaceholder")}
+                                />
+                            }
+                            icon={faBook}
+                        />
+                        
+                        <InputField
+                            fieldName={t("characterDetail.history")}
+                            input={
+                                <TexteAreaInput
+                                    value={selectedCharacter?.history || ''}
+                                    setValue={(e) => handleCharacterChange('history', e.target.value)}
+                                    placeholder={t("characterDetail.historyPlaceholder")}
+                                />
+                            }
+                            icon={faScroll}
+                        />
+                        
+                        <InputField
+                            fieldName={t("characterDetail.roleFull")}
+                            input={
+                                <TexteAreaInput
+                                    value={selectedCharacter?.role || ''}
+                                    setValue={(e) => handleCharacterChange('role', e.target.value)}
+                                    placeholder={t("characterDetail.roleFullPlaceholder")}
+                                />
+                            }
+                            icon={faScroll}
+                        />
+                    </div>
+                </CollapsableArea>
+                
+                {characterElementCategory.map((item: CharacterElement, index: number) => (
+                    <CharacterSectionElement
+                        key={index}
+                        title={item.title}
+                        section={item.section}
+                        placeholder={item.placeholder}
+                        icon={item.icon}
+                        selectedCharacter={selectedCharacter as CharacterProps}
+                        setSelectedCharacter={setSelectedCharacter}
+                        handleAddElement={handleAddElement}
+                        handleRemoveElement={handleRemoveElement}
+                    />
+                ))}
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/book/settings/characters/CharacterList.tsx b/components/book/settings/characters/CharacterList.tsx
new file mode 100644
index 0000000..efd9176
--- /dev/null
+++ b/components/book/settings/characters/CharacterList.tsx
@@ -0,0 +1,124 @@
+import {characterCategories, CharacterProps} from "@/lib/models/Character";
+import InputField from "@/components/form/InputField";
+import TextInput from "@/components/form/TextInput";
+import {faChevronRight, faPlus, faUser} from "@fortawesome/free-solid-svg-icons";
+import {SelectBoxProps} from "@/shared/interface";
+import CollapsableArea from "@/components/CollapsableArea";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {useState} from "react";
+import {useTranslations} from "next-intl";
+
+interface CharacterListProps {
+    characters: CharacterProps[];
+    handleCharacterClick: (character: CharacterProps) => void;
+    handleAddCharacter: () => void;
+}
+
+export default function CharacterList(
+    {
+        characters,
+        handleCharacterClick,
+        handleAddCharacter,
+    }: CharacterListProps) {
+    const t = useTranslations();
+    const [searchQuery, setSearchQuery] = useState<string>('');
+    
+    function getFilteredCharacters(
+        characters: CharacterProps[],
+        searchQuery: string,
+    ): CharacterProps[] {
+        return characters.filter(
+            (char: CharacterProps) =>
+                char.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+                (char.lastName &&
+                    char.lastName.toLowerCase().includes(searchQuery.toLowerCase())),
+        );
+    }
+    
+    const filteredCharacters: CharacterProps[] = getFilteredCharacters(
+        characters,
+        searchQuery,
+    );
+    return (
+        <div className="space-y-4">
+            <div className="px-4 mb-4">
+                <InputField
+                    input={
+                        <TextInput
+                            value={searchQuery}
+                            setValue={(e) => setSearchQuery(e.target.value)}
+                            placeholder={t("characterList.search")}
+                        />
+                    }
+                    actionIcon={faPlus}
+                    actionLabel={t("characterList.add")}
+                    addButtonCallBack={async () => handleAddCharacter()}
+                />
+            </div>
+            
+            <div className="overflow-y-auto max-h-[calc(100vh-350px)] px-2">
+                {characterCategories.map((category: SelectBoxProps) => {
+                    const categoryCharacters = filteredCharacters.filter(
+                        (char: CharacterProps) => char.category === category.value
+                    );
+                    
+                    if (categoryCharacters.length === 0) {
+                        return null;
+                    }
+                    
+                    return (
+                        <CollapsableArea
+                            key={category.value}
+                            title={category.label}
+                            icon={faUser}
+                            children={<div className="space-y-2 p-2">
+                                {categoryCharacters.map(char => (
+                                    <div
+                                        key={char.id}
+                                        onClick={() => handleCharacterClick(char)}
+                                        className="group flex items-center p-4 bg-secondary/30 rounded-xl border-l-4 border-primary border border-secondary/50 cursor-pointer hover:bg-secondary hover:shadow-md hover:scale-102 transition-all duration-200 hover:border-primary/50"
+                                    >
+                                        <div
+                                            className="w-14 h-14 rounded-full border-2 border-primary overflow-hidden bg-secondary shadow-md group-hover:scale-110 transition-transform">
+                                            {char.image ? (
+                                                <img
+                                                    src={char.image}
+                                                    alt={char.name}
+                                                    className="w-full h-full object-cover"
+                                                />
+                                            ) : (
+                                                <div
+                                                    className="w-full h-full flex items-center justify-center bg-primary/10 text-primary font-bold text-lg">
+                                                    {char.name?.charAt(0)?.toUpperCase() || '?'}
+                                                </div>
+                                            )}
+                                        </div>
+                                        
+                                        <div className="ml-4 flex-1">
+                                            <div
+                                                className="text-text-primary font-bold text-base group-hover:text-primary transition-colors">{char.name || t("characterList.unknown")}</div>
+                                            <div
+                                                className="text-text-secondary text-sm mt-0.5">{char.lastName || t("characterList.noLastName")}</div>
+                                        </div>
+                                        
+                                        <div className="w-28 px-3">
+                                            <div
+                                                className="text-primary text-sm font-semibold truncate">{char.title || t("characterList.noTitle")}</div>
+                                            <div
+                                                className="text-muted text-xs truncate mt-0.5">{char.role || t("characterList.noRole")}</div>
+                                        </div>
+                                        
+                                        <div className="w-8 flex justify-center">
+                                            <FontAwesomeIcon icon={faChevronRight}
+                                                             className="text-muted group-hover:text-primary group-hover:translate-x-1 transition-all w-4 h-4"/>
+                                        </div>
+                                    </div>
+                                ))}
+                            </div>}
+                        />
+                    );
+                })}
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/book/settings/characters/CharacterSectionElement.tsx b/components/book/settings/characters/CharacterSectionElement.tsx
new file mode 100644
index 0000000..202355c
--- /dev/null
+++ b/components/book/settings/characters/CharacterSectionElement.tsx
@@ -0,0 +1,89 @@
+import CollapsableArea from "@/components/CollapsableArea";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {useState} from "react";
+import {faTrash} from "@fortawesome/free-solid-svg-icons";
+import InputField from "@/components/form/InputField";
+import TextInput from "@/components/form/TextInput";
+import {Attribute, CharacterProps} from "@/lib/models/Character";
+import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
+import {useTranslations} from "next-intl";
+
+interface CharacterSectionElementProps {
+    title: string;
+    section: keyof CharacterProps;
+    placeholder: string;
+    icon: IconDefinition;
+    selectedCharacter: CharacterProps;
+    setSelectedCharacter: (character: CharacterProps) => void;
+    handleAddElement: (section: keyof CharacterProps, element: Attribute) => void;
+    handleRemoveElement: (
+        section: keyof CharacterProps,
+        index: number,
+        attrId: string,
+    ) => void;
+}
+
+export default function CharacterSectionElement(
+    {
+        title,
+        section,
+        placeholder,
+        icon,
+        selectedCharacter,
+        setSelectedCharacter,
+        handleAddElement,
+        handleRemoveElement,
+    }: CharacterSectionElementProps) {
+    const t = useTranslations();
+    const [element, setElement] = useState<string>('');
+    
+    function handleAddNewElement() {
+        handleAddElement(section, {id: '', name: element});
+        setElement('');
+    }
+    
+    return (
+        <CollapsableArea title={title} icon={icon}>
+            <div className="space-y-3 p-4 bg-secondary/20 rounded-xl border border-secondary/30">
+                {Array.isArray(selectedCharacter?.[section]) &&
+                    selectedCharacter?.[section].map((item, index: number) => (
+                        <div key={index}
+                             className="flex items-center gap-2 bg-secondary/30 rounded-xl border-l-4 border-primary shadow-sm hover:shadow-md transition-all duration-200">
+                            <input
+                                className="flex-1 bg-transparent text-text-primary px-3 py-2.5 focus:outline-none placeholder:text-muted/60"
+                                value={item.name || item.type || item.description || item.history || ''}
+                                onChange={(e) => {
+                                    const updatedSection = [...(selectedCharacter[section] as any[])];
+                                    updatedSection[index].name = e.target.value;
+                                    setSelectedCharacter({
+                                        ...selectedCharacter,
+                                        [section]: updatedSection,
+                                    });
+                                }}
+                                placeholder={placeholder}
+                            />
+                            <button
+                                onClick={() => handleRemoveElement(section, index, item.id)}
+                                className="bg-error/90 hover:bg-error w-9 h-9 rounded-full flex items-center justify-center mr-2 shadow-md hover:shadow-lg hover:scale-110 transition-all duration-200"
+                            >
+                                <FontAwesomeIcon icon={faTrash} className="text-white w-4 h-4"/>
+                            </button>
+                        </div>
+                    ))}
+                
+                <div className="border-t border-secondary/50 mt-4 pt-4">
+                    <InputField
+                        input={
+                            <TextInput
+                                value={element}
+                                setValue={(e) => setElement(e.target.value)}
+                                placeholder={t("characterSectionElement.newItem", {item: title.toLowerCase()})}
+                            />
+                        }
+                        addButtonCallBack={async () => handleAddNewElement()}
+                    />
+                </div>
+            </div>
+        </CollapsableArea>
+    )
+}
\ No newline at end of file
diff --git a/components/book/settings/goals/page.tsx b/components/book/settings/goals/page.tsx
new file mode 100644
index 0000000..dbe5307
--- /dev/null
+++ b/components/book/settings/goals/page.tsx
@@ -0,0 +1,181 @@
+'use client'
+import React, {useState} from 'react';
+
+interface TimeGoal {
+    desiredReleaseDate: string;
+    maxReleaseDate: string;
+}
+
+interface NumbersGoal {
+    minWordsCount: number;
+    maxWordsCount: number;
+    desiredWordsCountByChapter: number;
+    desiredChapterCount: number;
+}
+
+interface Goal {
+    id: number;
+    name: string;
+    timeGoal: TimeGoal;
+    numbersGoal: NumbersGoal;
+}
+
+export default function GoalsPage() {
+    const [goals, setGoals] = useState<Goal[]>([
+        {
+            id: 1,
+            name: 'First Goal',
+            timeGoal: {
+                desiredReleaseDate: '',
+                maxReleaseDate: '',
+            },
+            numbersGoal: {
+                minWordsCount: 0,
+                maxWordsCount: 0,
+                desiredWordsCountByChapter: 0,
+                desiredChapterCount: 0,
+            },
+        },
+    ]);
+
+    const [selectedGoalIndex, setSelectedGoalIndex] = useState(0);
+    const [newGoalName, setNewGoalName] = useState('');
+
+    const handleAddGoal = () => {
+        const newGoal: Goal = {
+            id: goals.length + 1,
+            name: newGoalName,
+            timeGoal: {
+                desiredReleaseDate: '',
+                maxReleaseDate: '',
+            },
+            numbersGoal: {
+                minWordsCount: 0,
+                maxWordsCount: 0,
+                desiredWordsCountByChapter: 0,
+                desiredChapterCount: 0,
+            },
+        };
+        setGoals([...goals, newGoal]);
+        setNewGoalName('');
+    };
+
+    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, field: keyof Goal, subField?: keyof TimeGoal | keyof NumbersGoal) => {
+        const updatedGoals = [...goals];
+        if (subField) {
+            if (field === 'timeGoal' && subField in updatedGoals[selectedGoalIndex].timeGoal) {
+                (updatedGoals[selectedGoalIndex].timeGoal[subField as keyof TimeGoal] as string) = e.target.value;
+            } else if (field === 'numbersGoal' && subField in updatedGoals[selectedGoalIndex].numbersGoal) {
+                (updatedGoals[selectedGoalIndex].numbersGoal[subField as keyof NumbersGoal] as number) = Number(e.target.value);
+            }
+        } else {
+            (updatedGoals[selectedGoalIndex][field] as string) = e.target.value;
+        }
+        setGoals(updatedGoals);
+    };
+
+    return (
+        <main className="flex-grow p-8 overflow-y-auto">
+            <section id="goals">
+                <h2 className="text-4xl font-['ADLaM_Display'] text-text-primary mb-6">Goals</h2>
+                <div className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-6 shadow-lg mb-6">
+                    <div className="flex space-x-4 items-center">
+                        <select
+                            className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                            value={selectedGoalIndex}
+                            onChange={(e) => setSelectedGoalIndex(parseInt(e.target.value))}
+                        >
+                            {goals.map((goal, index) => (
+                                <option key={goal.id} value={index}>{goal.name}</option>
+                            ))}
+                        </select>
+                        <input
+                            type="text"
+                            value={newGoalName}
+                            onChange={(e) => setNewGoalName(e.target.value)}
+                            className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                            placeholder="New Goal Name"
+                        />
+                        <button
+                            type="button"
+                            onClick={handleAddGoal}
+                            className="bg-primary hover:bg-primary-dark text-text-primary font-semibold py-2.5 px-5 rounded-xl shadow-md hover:shadow-lg hover:scale-105 transition-all duration-200"
+                        >
+                            Add Goal
+                        </button>
+                    </div>
+                </div>
+                
+                <h2 className="text-3xl font-['ADLaM_Display'] text-text-primary mb-6">{goals[selectedGoalIndex].name}</h2>
+                <div className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-6 shadow-lg mb-6">
+                    <h3 className="text-2xl font-bold text-text-primary mb-4">Time Goal</h3>
+                    <label className="block text-text-primary font-medium mb-2" htmlFor="desiredReleaseDate">Desired
+                        Release Date</label>
+                    <input
+                        type="date"
+                        id="desiredReleaseDate"
+                        value={goals[selectedGoalIndex].timeGoal.desiredReleaseDate}
+                        onChange={(e) => handleInputChange(e, 'timeGoal', 'desiredReleaseDate')}
+                        className="w-full p-2 rounded-lg bg-gray-800 text-white border-none outline-none"
+                    />
+                    <label className="block text-white mb-2 mt-4" htmlFor="maxReleaseDate">Max Release Date</label>
+                    <input
+                        type="date"
+                        id="maxReleaseDate"
+                        value={goals[selectedGoalIndex].timeGoal.maxReleaseDate}
+                        onChange={(e) => handleInputChange(e, 'timeGoal', 'maxReleaseDate')}
+                        className="w-full p-2 rounded-lg bg-gray-800 text-white border-none outline-none"
+                    />
+                </div>
+                
+                <div className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-6 shadow-lg mb-6">
+                    <h3 className="text-2xl font-bold text-text-primary mb-4">Numbers Goal</h3>
+                    <label className="block text-text-primary font-medium mb-2" htmlFor="minWordsCount">Min Words
+                        Count</label>
+                    <input
+                        type="number"
+                        id="minWordsCount"
+                        value={goals[selectedGoalIndex].numbersGoal.minWordsCount}
+                        onChange={(e) => handleInputChange(e, 'numbersGoal', 'minWordsCount')}
+                        className="w-full p-2 rounded-lg bg-gray-800 text-white border-none outline-none"
+                    />
+                    <label className="block text-white mb-2 mt-4" htmlFor="maxWordsCount">Max Words Count</label>
+                    <input
+                        type="number"
+                        id="maxWordsCount"
+                        value={goals[selectedGoalIndex].numbersGoal.maxWordsCount}
+                        onChange={(e) => handleInputChange(e, 'numbersGoal', 'maxWordsCount')}
+                        className="w-full p-2 rounded-lg bg-gray-800 text-white border-none outline-none"
+                    />
+                    <label className="block text-white mb-2 mt-4" htmlFor="desiredWordsCountByChapter">Desired Words
+                        Count by Chapter</label>
+                    <input
+                        type="number"
+                        id="desiredWordsCountByChapter"
+                        value={goals[selectedGoalIndex].numbersGoal.desiredWordsCountByChapter}
+                        onChange={(e) => handleInputChange(e, 'numbersGoal', 'desiredWordsCountByChapter')}
+                        className="w-full p-2 rounded-lg bg-gray-800 text-white border-none outline-none"
+                    />
+                    <label className="block text-white mb-2 mt-4" htmlFor="desiredChapterCount">Desired Chapter
+                        Count</label>
+                    <input
+                        type="number"
+                        id="desiredChapterCount"
+                        value={goals[selectedGoalIndex].numbersGoal.desiredChapterCount}
+                        onChange={(e) => handleInputChange(e, 'numbersGoal', 'desiredChapterCount')}
+                        className="w-full p-2 rounded-lg bg-gray-800 text-white border-none outline-none"
+                    />
+                </div>
+
+                <div className="text-center mt-8">
+                    <button
+                        type="button"
+                        className="bg-primary hover:bg-primary-dark text-text-primary font-semibold py-2.5 px-6 rounded-xl shadow-md hover:shadow-lg hover:scale-105 transition-all duration-200"
+                    >
+                        Update
+                    </button>
+                </div>
+            </section>
+        </main>
+    );
+}
diff --git a/components/book/settings/guide-line/GuideLineSetting.tsx b/components/book/settings/guide-line/GuideLineSetting.tsx
new file mode 100644
index 0000000..a001a68
--- /dev/null
+++ b/components/book/settings/guide-line/GuideLineSetting.tsx
@@ -0,0 +1,421 @@
+'use client'
+import React, {ChangeEvent, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
+import System from '@/lib/models/System';
+import {AlertContext} from "@/context/AlertContext";
+import {BookContext} from '@/context/BookContext';
+import {SessionContext} from "@/context/SessionContext";
+import {GuideLine, GuideLineAI} from "@/lib/models/Book";
+import TexteAreaInput from "@/components/form/TexteAreaInput";
+import InputField from "@/components/form/InputField";
+import TextInput from "@/components/form/TextInput";
+import SelectBox from "@/components/form/SelectBox";
+import {
+    advancedDialogueTypes,
+    advancedNarrativePersons,
+    beginnerDialogueTypes,
+    beginnerNarrativePersons,
+    intermediateDialogueTypes,
+    intermediateNarrativePersons,
+    langues,
+    verbalTime
+} from "@/lib/models/Story";
+import {useTranslations} from "next-intl";
+import {LangContext} from "@/context/LangContext";
+
+function GuideLineSetting(props: any, ref: any) {
+    const t = useTranslations();
+    const {lang} = useContext(LangContext);
+    const {book} = useContext(BookContext);
+    const {session} = useContext(SessionContext);
+    const userToken: string = session?.accessToken ? session?.accessToken : '';
+    const {errorMessage, successMessage} = useContext(AlertContext);
+    const bookId = book?.bookId as string;
+    const [activeTab, setActiveTab] = useState('personal');
+    const authorLevel: string = session.user?.writingLevel?.toString() ?? '1';
+    
+    const [tone, setTone] = useState<string>('');
+    const [atmosphere, setAtmosphere] = useState<string>('');
+    const [writingStyle, setWritingStyle] = useState<string>('');
+    const [themes, setThemes] = useState<string>('');
+    const [symbolism, setSymbolism] = useState<string>('');
+    const [motifs, setMotifs] = useState<string>('');
+    const [narrativeVoice, setNarrativeVoice] = useState<string>('');
+    const [pacing, setPacing] = useState<string>('');
+    const [intendedAudience, setIntendedAudience] = useState<string>('');
+    const [keyMessages, setKeyMessages] = useState<string>('');
+    
+    const [plotSummary, setPlotSummary] = useState<string>('');
+    const [narrativeType, setNarrativeType] = useState<string>('');
+    const [verbTense, setVerbTense] = useState<string>('');
+    const [dialogueType, setDialogueType] = useState<string>('');
+    const [toneAtmosphere, setToneAtmosphere] = useState<string>('');
+    const [language, setLanguage] = useState<string>('');
+    
+    useEffect((): void => {
+        if (activeTab === 'personal') {
+            getGuideLine().then();
+        } else {
+            getAIGuideLine().then();
+        }
+    }, [activeTab]);
+    
+    useImperativeHandle(ref, () => {
+        {
+            if (activeTab === 'personal') {
+                return {
+                    handleSave: savePersonal
+                };
+            } else {
+                return {
+                    handleSave: saveQuillSense
+                };
+            }
+        }
+    });
+    
+    async function getAIGuideLine(): Promise<void> {
+        try {
+            const response: GuideLineAI = await System.authGetQueryToServer<GuideLineAI>(`book/ai/guideline`, userToken, lang, {id: bookId});
+            if (response) {
+                setPlotSummary(response.globalResume);
+                setVerbTense(response.verbeTense?.toString() || '');
+                setNarrativeType(response.narrativeType?.toString() || '');
+                setDialogueType(response.dialogueType?.toString() || '');
+                setToneAtmosphere(response.atmosphere);
+                setLanguage(response.langue?.toString() || '');
+                setThemes(response.themes);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("guideLineSetting.errorUnknown"));
+            }
+        }
+    }
+    
+    async function getGuideLine(): Promise<void> {
+        try {
+            const response: GuideLine =
+                await System.authGetQueryToServer<GuideLine>(
+                    `book/guide-line`,
+                    userToken,
+                    lang,
+                    {id: bookId},
+                );
+            if (response) {
+                setTone(response.tone);
+                setAtmosphere(response.atmosphere);
+                setWritingStyle(response.writingStyle);
+                setThemes(response.themes);
+                setSymbolism(response.symbolism);
+                setMotifs(response.motifs);
+                setNarrativeVoice(response.narrativeVoice);
+                setPacing(response.pacing);
+                setIntendedAudience(response.intendedAudience);
+                setKeyMessages(response.keyMessages);
+            }
+        } catch (error: unknown) {
+            if (error instanceof Error) {
+                errorMessage(error.message);
+            } else {
+                errorMessage(t("guideLineSetting.errorUnknown"));
+            }
+        }
+    }
+    
+    async function savePersonal(): Promise<void> {
+        try {
+            const response: boolean =
+                await System.authPostToServer<boolean>(
+                    'book/guide-line',
+                    {
+                        bookId: bookId,
+                        tone: tone,
+                        atmosphere: atmosphere,
+                        writingStyle: writingStyle,
+                        themes: themes,
+                        symbolism: symbolism,
+                        motifs: motifs,
+                        narrativeVoice: narrativeVoice,
+                        pacing: pacing,
+                        intendedAudience: intendedAudience,
+                        keyMessages: keyMessages,
+                    },
+                    userToken,
+                    lang,
+                );
+            if (!response) {
+                errorMessage(t("guideLineSetting.saveError"));
+                return;
+            }
+            successMessage(t("guideLineSetting.saveSuccess"));
+        } catch (error: unknown) {
+            if (error instanceof Error) {
+                errorMessage(error.message);
+            } else {
+                errorMessage(t("guideLineSetting.errorUnknown"));
+            }
+        }
+    }
+    
+    async function saveQuillSense(): Promise<void> {
+        try {
+            const response: boolean = await System.authPostToServer<boolean>(
+                'quillsense/book/guide-line',
+                {
+                    bookId: bookId,
+                    plotSummary: plotSummary,
+                    verbTense: verbTense,
+                    narrativeType: narrativeType,
+                    dialogueType: dialogueType,
+                    toneAtmosphere: toneAtmosphere,
+                    language: language,
+                    themes: themes,
+                },
+                userToken,
+                lang,
+            );
+            if (response) {
+                successMessage(t("guideLineSetting.saveSuccess"));
+            } else {
+                errorMessage(t("guideLineSetting.saveError"));
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("guideLineSetting.errorUnknown"));
+            }
+        }
+    }
+    
+    return (
+        <div className="space-y-6">
+            <div className="flex gap-2 border-b border-secondary/50 mb-6">
+                <button
+                    className={`px-5 py-2.5 font-medium rounded-t-xl transition-all duration-200 ${
+                        activeTab === 'personal'
+                            ? 'border-b-2 border-primary text-primary bg-primary/10 shadow-md'
+                            : 'text-text-secondary hover:text-text-primary hover:bg-secondary/30'
+                    }`}
+                    onClick={(): void => setActiveTab('personal')}
+                >
+                    {t("guideLineSetting.personal")}
+                </button>
+                <button
+                    className={`px-5 py-2.5 font-medium rounded-t-xl transition-all duration-200 ${
+                        activeTab === 'quillsense'
+                            ? 'border-b-2 border-primary text-primary bg-primary/10 shadow-md'
+                            : 'text-text-secondary hover:text-text-primary hover:bg-secondary/30'
+                    }`}
+                    onClick={() => setActiveTab('quillsense')}
+                >
+                    {t("guideLineSetting.quillsense")}
+                </button>
+            </div>
+            
+            {activeTab === 'personal' && (
+                <div className="space-y-4">
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.tone")} input={
+                            <TexteAreaInput
+                                value={tone}
+                                setValue={(e: ChangeEvent<HTMLTextAreaElement>) => setTone(e.target.value)}
+                                placeholder={t("guideLineSetting.tonePlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.atmosphere")} input={
+                            <TexteAreaInput
+                                value={atmosphere}
+                                setValue={(e: ChangeEvent<HTMLTextAreaElement>) => setAtmosphere(e.target.value)}
+                                placeholder={t("guideLineSetting.atmospherePlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.writingStyle")} input={
+                            <TexteAreaInput
+                                value={writingStyle}
+                                setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setWritingStyle(e.target.value)}
+                                placeholder={t("guideLineSetting.writingStylePlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.themes")} input={
+                            <TexteAreaInput
+                                value={themes}
+                                setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setThemes(e.target.value)}
+                                placeholder={t("guideLineSetting.themesPlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.symbolism")} input={
+                            <TexteAreaInput
+                                value={symbolism}
+                                setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setSymbolism(e.target.value)}
+                                placeholder={t("guideLineSetting.symbolismPlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.motifs")} input={
+                            <TexteAreaInput
+                                value={motifs}
+                                setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setMotifs(e.target.value)}
+                                placeholder={t("guideLineSetting.motifsPlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.narrativeVoice")} input={
+                            <TexteAreaInput
+                                value={narrativeVoice}
+                                setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setNarrativeVoice(e.target.value)}
+                                placeholder={t("guideLineSetting.narrativeVoicePlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.pacing")} input={
+                            <TexteAreaInput
+                                value={pacing}
+                                setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setPacing(e.target.value)}
+                                placeholder={t("guideLineSetting.pacingPlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.intendedAudience")} input={
+                            <TexteAreaInput
+                                value={intendedAudience}
+                                setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setIntendedAudience(e.target.value)}
+                                placeholder={t("guideLineSetting.intendedAudiencePlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.keyMessages")} input={
+                            <TexteAreaInput
+                                value={keyMessages}
+                                setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setKeyMessages(e.target.value)}
+                                placeholder={t("guideLineSetting.keyMessagesPlaceholder")}
+                            />
+                        }/>
+                    </div>
+                </div>
+            )}
+            
+            {activeTab === 'quillsense' && (
+                <div className="space-y-4">
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.plotSummary")} input={
+                            <TexteAreaInput
+                                value={plotSummary}
+                                setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setPlotSummary(e.target.value)}
+                                placeholder={t("guideLineSetting.plotSummaryPlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.toneAtmosphere")} input={
+                            <TextInput
+                                value={toneAtmosphere}
+                                setValue={(e: ChangeEvent<HTMLInputElement>): void => setToneAtmosphere(e.target.value)}
+                                placeholder={t("guideLineSetting.toneAtmospherePlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.themes")} input={
+                            <TextInput
+                                value={themes}
+                                setValue={(e: ChangeEvent<HTMLInputElement>) => setThemes(e.target.value)}
+                                placeholder={t("guideLineSetting.themesPlaceholderQuill")}
+                            />
+                        }/>
+                    </div>
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.verbTense")} input={
+                            <SelectBox
+                                defaultValue={verbTense}
+                                onChangeCallBack={(event: ChangeEvent<HTMLSelectElement>): void => setVerbTense(event.target.value)}
+                                data={verbalTime}
+                                placeholder={t("guideLineSetting.verbTensePlaceholder")}
+                            />
+                        }/>
+                    </div>
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.narrativeType")} input={
+                            <SelectBox defaultValue={narrativeType} data={
+                                authorLevel === '1'
+                                    ? beginnerNarrativePersons
+                                    : authorLevel === '2'
+                                        ? intermediateNarrativePersons
+                                        : advancedNarrativePersons
+                            } onChangeCallBack={(event: ChangeEvent<HTMLSelectElement>): void => {
+                                setNarrativeType(event.target.value)
+                            }} placeholder={t("guideLineSetting.narrativeTypePlaceholder")}/>
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.dialogueType")} input={
+                            <SelectBox defaultValue={dialogueType} data={authorLevel === '1'
+                                ? beginnerDialogueTypes
+                                : authorLevel === '2'
+                                    ? intermediateDialogueTypes
+                                    : advancedDialogueTypes}
+                                       onChangeCallBack={(event: ChangeEvent<HTMLSelectElement>) => {
+                                           setDialogueType(event.target.value)
+                                       }} placeholder={t("guideLineSetting.dialogueTypePlaceholder")}/>
+                        }/>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
+                        <InputField fieldName={t("guideLineSetting.language")} input={
+                            <SelectBox defaultValue={language} data={langues}
+                                       onChangeCallBack={(event: ChangeEvent<HTMLSelectElement>) => {
+                                           setLanguage(event.target.value)
+                                       }} placeholder={t("guideLineSetting.languagePlaceholder")}/>
+                        }/>
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+}
+
+export default forwardRef(GuideLineSetting);
\ No newline at end of file
diff --git a/components/book/settings/locations/LocationComponent.tsx b/components/book/settings/locations/LocationComponent.tsx
new file mode 100644
index 0000000..11327b4
--- /dev/null
+++ b/components/book/settings/locations/LocationComponent.tsx
@@ -0,0 +1,444 @@
+'use client'
+import {faMapMarkerAlt, faPlus, faTrash} from '@fortawesome/free-solid-svg-icons';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import React, {ChangeEvent, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
+import {SessionContext} from "@/context/SessionContext";
+import {AlertContext} from "@/context/AlertContext";
+import {BookContext} from "@/context/BookContext";
+import System from '@/lib/models/System';
+import InputField from "@/components/form/InputField";
+import TextInput from '@/components/form/TextInput';
+import TexteAreaInput from "@/components/form/TexteAreaInput";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+
+interface SubElement {
+    id: string;
+    name: string;
+    description: string;
+}
+
+interface Element {
+    id: string;
+    name: string;
+    description: string;
+    subElements: SubElement[];
+}
+
+interface LocationProps {
+    id: string;
+    name: string;
+    elements: Element[];
+}
+
+export function LocationComponent(props: any, ref: any) {
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext);
+    const {session} = useContext(SessionContext);
+    const {successMessage, errorMessage} = useContext(AlertContext);
+    const {book} = useContext(BookContext);
+    
+    const bookId: string | undefined = book?.bookId;
+    const token: string = session.accessToken;
+    
+    const [sections, setSections] = useState<LocationProps[]>([]);
+    const [newSectionName, setNewSectionName] = useState<string>('');
+    const [newElementNames, setNewElementNames] = useState<{ [key: string]: string }>({});
+    const [newSubElementNames, setNewSubElementNames] = useState<{ [key: string]: string }>({});
+    
+    useImperativeHandle(ref, function () {
+        return {
+            handleSave: handleSave,
+        };
+    });
+    
+    useEffect((): void => {
+        getAllLocations().then();
+    }, []);
+    
+    async function getAllLocations(): Promise<void> {
+        try {
+            const response: LocationProps[] = await System.authGetQueryToServer<LocationProps[]>(`location/all`, token, lang, {
+                bookid: bookId,
+            });
+            if (response && response.length > 0) {
+                setSections(response);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('locationComponent.errorUnknownFetchLocations'));
+            }
+        }
+    }
+    
+    async function handleAddSection(): Promise<void> {
+        if (!newSectionName.trim()) {
+            errorMessage(t('locationComponent.errorSectionNameEmpty'))
+            return
+        }
+        try {
+            const sectionId: string = await System.authPostToServer<string>(`location/section/add`, {
+                bookId: bookId,
+                locationName: newSectionName,
+            }, token, lang);
+            if (!sectionId) {
+                errorMessage(t('locationComponent.errorUnknownAddSection'));
+                return;
+            }
+            const newLocation: LocationProps = {
+                id: sectionId,
+                name: newSectionName,
+                elements: [],
+            };
+            setSections([...sections, newLocation]);
+            setNewSectionName('');
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('locationComponent.errorUnknownAddSection'));
+            }
+        }
+    }
+    
+    async function handleAddElement(sectionId: string): Promise<void> {
+        if (!newElementNames[sectionId]?.trim()) {
+            errorMessage(t('locationComponent.errorElementNameEmpty'))
+            return
+        }
+        try {
+            const elementId: string = await System.authPostToServer<string>(`location/element/add`, {
+                    bookId: bookId,
+                    locationId: sectionId,
+                    elementName: newElementNames[sectionId],
+                },
+                token, lang);
+            if (!elementId) {
+                errorMessage(t('locationComponent.errorUnknownAddElement'));
+                return;
+            }
+            const updatedSections: LocationProps[] = [...sections];
+            const sectionIndex: number = updatedSections.findIndex(
+                (section: LocationProps): boolean => section.id === sectionId,
+            );
+            updatedSections[sectionIndex].elements.push({
+                id: elementId,
+                name: newElementNames[sectionId],
+                description: '',
+                subElements: [],
+            });
+            setSections(updatedSections);
+            setNewElementNames({...newElementNames, [sectionId]: ''});
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('locationComponent.errorUnknownAddElement'));
+            }
+        }
+    }
+    
+    function handleElementChange(
+        sectionId: string,
+        elementIndex: number,
+        field: keyof Element,
+        value: string,
+    ): void {
+        const updatedSections: LocationProps[] = [...sections];
+        const sectionIndex: number = updatedSections.findIndex(
+            (section: LocationProps): boolean => section.id === sectionId,
+        );
+        // @ts-ignore
+        updatedSections[sectionIndex].elements[elementIndex][field] = value;
+        setSections(updatedSections);
+    }
+    
+    async function handleAddSubElement(
+        sectionId: string,
+        elementIndex: number,
+    ): Promise<void> {
+        if (!newSubElementNames[elementIndex]?.trim()) {
+            errorMessage(t('locationComponent.errorSubElementNameEmpty'))
+            return
+        }
+        const sectionIndex: number = sections.findIndex(
+            (section: LocationProps): boolean => section.id === sectionId,
+        );
+        try {
+            const subElementId: string = await System.authPostToServer<string>(`location/sub-element/add`, {
+                elementId: sections[sectionIndex].elements[elementIndex].id,
+                subElementName: newSubElementNames[elementIndex],
+            }, token, lang);
+            if (!subElementId) {
+                errorMessage(t('locationComponent.errorUnknownAddSubElement'));
+                return;
+            }
+            const updatedSections: LocationProps[] = [...sections];
+            updatedSections[sectionIndex].elements[elementIndex].subElements.push({
+                id: subElementId,
+                name: newSubElementNames[elementIndex],
+                description: '',
+            });
+            setSections(updatedSections);
+            setNewSubElementNames({...newSubElementNames, [elementIndex]: ''});
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('locationComponent.errorUnknownAddSubElement'));
+            }
+        }
+    }
+
+    function handleSubElementChange(
+        sectionId: string,
+        elementIndex: number,
+        subElementIndex: number,
+        field: keyof SubElement,
+        value: string,
+    ): void {
+        const updatedSections: LocationProps[] = [...sections];
+        const sectionIndex: number = updatedSections.findIndex(
+            (section: LocationProps): boolean => section.id === sectionId,
+        );
+        updatedSections[sectionIndex].elements[elementIndex].subElements[
+            subElementIndex
+            ][field] = value;
+        setSections(updatedSections);
+    }
+    
+    async function handleRemoveElement(
+        sectionId: string,
+        elementIndex: number,
+    ): Promise<void> {
+        try {
+            const response: boolean = await System.authDeleteToServer<boolean>(`location/element/delete`, {
+                elementId: sections.find((section: LocationProps): boolean => section.id === sectionId)
+                    ?.elements[elementIndex].id,
+            }, token, lang);
+            if (!response) {
+                errorMessage(t('locationComponent.errorUnknownDeleteElement'));
+                return;
+            }
+            const updatedSections: LocationProps[] = [...sections];
+            const sectionIndex: number = updatedSections.findIndex((section: LocationProps): boolean => section.id === sectionId,);
+            updatedSections[sectionIndex].elements.splice(elementIndex, 1);
+            setSections(updatedSections);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('locationComponent.errorUnknownDeleteElement'));
+            }
+        }
+    }
+
+    async function handleRemoveSubElement(
+        sectionId: string,
+        elementIndex: number,
+        subElementIndex: number,
+    ): Promise<void> {
+        try {
+            const response: boolean = await System.authDeleteToServer<boolean>(`location/sub-element/delete`, {
+                subElementId: sections.find((section: LocationProps): boolean => section.id === sectionId)?.elements[elementIndex].subElements[subElementIndex].id,
+            }, token, lang);
+            if (!response) {
+                errorMessage(t('locationComponent.errorUnknownDeleteSubElement'));
+                return;
+            }
+            const updatedSections: LocationProps[] = [...sections];
+            const sectionIndex: number = updatedSections.findIndex((section: LocationProps): boolean => section.id === sectionId,);
+            updatedSections[sectionIndex].elements[elementIndex].subElements.splice(subElementIndex, 1,);
+            setSections(updatedSections);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('locationComponent.errorUnknownDeleteSubElement'));
+            }
+        }
+    }
+
+    async function handleRemoveSection(sectionId: string): Promise<void> {
+        try {
+            const response: boolean = await System.authDeleteToServer<boolean>(`location/delete`, {
+                locationId: sectionId,
+            }, token, lang);
+            if (!response) {
+                errorMessage(t('locationComponent.errorUnknownDeleteSection'));
+                return;
+            }
+            const updatedSections: LocationProps[] = sections.filter((section: LocationProps): boolean => section.id !== sectionId,);
+            setSections(updatedSections);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('locationComponent.errorUnknownDeleteSection'));
+            }
+        }
+    }
+
+    async function handleSave(): Promise<void> {
+        try {
+            const response: boolean = await System.authPostToServer<boolean>(`location/update`, {
+                locations: sections,
+            }, token, lang);
+            if (!response) {
+                errorMessage(t('locationComponent.errorUnknownSave'));
+                return;
+            }
+            successMessage(t('locationComponent.successSave'));
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('locationComponent.errorUnknownSave'));
+            }
+        }
+    }
+
+    return (
+        <div className="space-y-6">
+            <div className="bg-tertiary/90 backdrop-blur-sm rounded-xl shadow-lg p-4 border border-secondary/50">
+                <div className="grid grid-cols-1 gap-4 mb-4">
+                    <InputField
+                        input={
+                            <TextInput
+                                value={newSectionName}
+                                setValue={(e: ChangeEvent<HTMLInputElement>) => setNewSectionName(e.target.value)}
+                                placeholder={t("locationComponent.newSectionPlaceholder")}
+                            />
+                        }
+                        actionIcon={faPlus}
+                        actionLabel={t("locationComponent.addSectionLabel")}
+                        addButtonCallBack={handleAddSection}
+                    />
+                </div>
+            </div>
+            
+            {sections.length > 0 ? (
+                sections.map((section: LocationProps) => (
+                    <div key={section.id}
+                         className="bg-tertiary/90 backdrop-blur-sm rounded-xl shadow-lg p-4 border border-secondary/50">
+                        <h3 className="text-lg font-semibold text-text-primary mb-4 flex items-center">
+                            <FontAwesomeIcon icon={faMapMarkerAlt} className="mr-2 w-5 h-5"/>
+                            {section.name}
+                            <span
+                                className="ml-2 text-sm bg-dark-background text-text-secondary py-0.5 px-2 rounded-full">
+                                {section.elements.length || 0}
+                            </span>
+                            <button onClick={(): Promise<void> => handleRemoveSection(section.id)}
+                                    className="ml-auto bg-dark-background text-text-primary rounded-full p-1.5 hover:bg-secondary transition-colors shadow-md">
+                                <FontAwesomeIcon icon={faTrash} className={'w-5 h-5'}/>
+                            </button>
+                        </h3>
+                        <div className="space-y-4">
+                            {section.elements.length > 0 ? (
+                                section.elements.map((element, elementIndex) => (
+                                    <div key={element.id}
+                                         className="bg-dark-background rounded-lg p-3 border-l-4 border-primary">
+                                        <div className="mb-2">
+                                            <InputField
+                                                input={
+                                                    <TextInput
+                                                        value={element.name}
+                                                        setValue={(e: ChangeEvent<HTMLInputElement>) =>
+                                                            handleElementChange(section.id, elementIndex, 'name', e.target.value)
+                                                        }
+                                                        placeholder={t("locationComponent.elementNamePlaceholder")}
+                                                    />
+                                                }
+                                                removeButtonCallBack={(): Promise<void> => handleRemoveElement(section.id, elementIndex)}
+                                            />
+                                        </div>
+                                        <TexteAreaInput
+                                            value={element.description}
+                                            setValue={(e: React.ChangeEvent<HTMLTextAreaElement>): void => handleElementChange(section.id, elementIndex, 'description', e.target.value)}
+                                            placeholder={t("locationComponent.elementDescriptionPlaceholder")}
+                                        />
+                                        
+                                        <div className="mt-4 pt-4 border-t border-secondary/50">
+                                            {element.subElements.length > 0 && (
+                                                <h4 className="text-sm italic text-text-secondary mb-3">{t("locationComponent.subElementsHeading")}</h4>
+                                            )}
+                                            
+                                            {element.subElements.map((subElement: SubElement, subElementIndex: number) => (
+                                                <div key={subElement.id}
+                                                     className="bg-darkest-background rounded-lg p-3 mb-3">
+                                                    <div className="mb-2">
+                                                        <InputField
+                                                            input={
+                                                                <TextInput
+                                                                    value={subElement.name}
+                                                                    setValue={(e: ChangeEvent<HTMLInputElement>): void =>
+                                                                        handleSubElementChange(section.id, elementIndex, subElementIndex, 'name', e.target.value)
+                                                                    }
+                                                                    placeholder={t("locationComponent.subElementNamePlaceholder")}
+                                                                />
+                                                            }
+                                                            removeButtonCallBack={(): Promise<void> => handleRemoveSubElement(section.id, elementIndex, subElementIndex)}
+                                                        />
+                                                    </div>
+                                                    <TexteAreaInput
+                                                        value={subElement.description}
+                                                        setValue={(e) =>
+                                                            handleSubElementChange(section.id, elementIndex, subElementIndex, 'description', e.target.value)
+                                                        }
+                                                        placeholder={t("locationComponent.subElementDescriptionPlaceholder")}
+                                                    />
+                                                </div>
+                                            ))}
+                                            
+                                            <InputField
+                                                input={
+                                                    <TextInput
+                                                        value={newSubElementNames[elementIndex] || ''}
+                                                        setValue={(e: ChangeEvent<HTMLInputElement>) =>
+                                                            setNewSubElementNames({
+                                                                ...newSubElementNames,
+                                                                [elementIndex]: e.target.value
+                                                            })
+                                                        }
+                                                        placeholder={t("locationComponent.newSubElementPlaceholder")}
+                                                    />
+                                                }
+                                                addButtonCallBack={(): Promise<void> => handleAddSubElement(section.id, elementIndex)}
+                                            />
+                                        </div>
+                                    </div>
+                                ))
+                            ) : (
+                                <div className="text-center py-4 text-text-secondary italic">
+                                    {t("locationComponent.noElementAvailable")}
+                                </div>
+                            )}
+                            
+                            <InputField
+                                input={
+                                    <TextInput
+                                        value={newElementNames[section.id] || ''}
+                                        setValue={(e: ChangeEvent<HTMLInputElement>) =>
+                                            setNewElementNames({...newElementNames, [section.id]: e.target.value})
+                                        }
+                                        placeholder={t("locationComponent.newElementPlaceholder")}
+                                    />
+                                }
+                                addButtonCallBack={(): Promise<void> => handleAddElement(section.id)}
+                            />
+                        </div>
+                    </div>
+                ))
+            ) : (
+                <div
+                    className="bg-tertiary/90 backdrop-blur-sm rounded-xl shadow-lg p-8 border border-secondary/50 text-center">
+                    <p className="text-text-secondary mb-4">{t("locationComponent.noSectionAvailable")}</p>
+                </div>
+            )}
+        </div>
+    );
+}
+
+export default forwardRef(LocationComponent);
\ No newline at end of file
diff --git a/components/book/settings/objects/page.tsx b/components/book/settings/objects/page.tsx
new file mode 100644
index 0000000..b998e75
--- /dev/null
+++ b/components/book/settings/objects/page.tsx
@@ -0,0 +1,327 @@
+'use client';
+import React, {useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faArrowLeft} from '@fortawesome/free-solid-svg-icons';
+
+interface RelatedItem {
+    name: string;
+    type: string;
+    description: string;
+    history: string;
+}
+
+interface Item {
+    id: number | null;
+    name: string;
+    description: string;
+    history: string;
+    location: string;
+    ownedBy: string;
+    functionality: string;
+    image: string;
+    relatedItems: RelatedItem[];
+}
+
+const initialItemState: Item = {
+    id: null,
+    name: '',
+    description: '',
+    history: '',
+    location: '',
+    ownedBy: '',
+    functionality: '',
+    image: '',
+    relatedItems: [],
+};
+
+export default function Items() {
+    const [items, setItems] = useState<Item[]>([
+        {
+            id: 1,
+            name: 'Sword of Destiny',
+            description: 'A powerful sword',
+            history: 'Forged in the ancient times...',
+            location: 'Castle',
+            ownedBy: 'John Doe',
+            functionality: 'Cuts through anything',
+            image: 'https://via.placeholder.com/150',
+            relatedItems: []
+        },
+        {
+            id: 2,
+            name: 'Shield of Valor',
+            description: 'An unbreakable shield',
+            history: 'Used by the legendary hero...',
+            location: 'Fortress',
+            ownedBy: 'Jane Doe',
+            functionality: 'Deflects any attack',
+            image: 'https://via.placeholder.com/150',
+            relatedItems: []
+        }
+    ]);
+
+    const [selectedItem, setSelectedItem] = useState<Item | null>(null);
+    const [searchQuery, setSearchQuery] = useState<string>('');
+    const [newItem, setNewItem] = useState<Item>(initialItemState);
+    const [newRelatedItem, setNewRelatedItem] = useState<RelatedItem>({
+        name: '',
+        type: '',
+        description: '',
+        history: ''
+    });
+
+    const filteredItems = items.filter(
+        (item) =>
+            item.name.toLowerCase().includes(searchQuery.toLowerCase())
+    );
+
+    const handleItemClick = (item: Item) => {
+        setSelectedItem(item);
+    };
+
+    const handleAddItem = () => {
+        setSelectedItem(newItem);
+    };
+
+    const handleSaveItem = () => {
+        if (selectedItem) {
+            if (selectedItem.id === null) {
+                setItems([...items, {...selectedItem, id: items.length + 1}]);
+            } else {
+                setItems(items.map((item) => (item.id === selectedItem.id ? selectedItem : item)));
+            }
+            setSelectedItem(null);
+            setNewItem(initialItemState);
+        }
+    };
+
+    const handleItemChange = (key: keyof Item, value: string) => {
+        if (selectedItem) {
+            setSelectedItem({...selectedItem, [key]: value});
+        }
+    };
+
+    const handleElementChange = (section: keyof Item, index: number, key: keyof RelatedItem, value: string) => {
+        if (selectedItem) {
+            const updatedSection = [...(selectedItem[section] as RelatedItem[])];
+            updatedSection[index][key] = value;
+            setSelectedItem({...selectedItem, [section]: updatedSection});
+        }
+    };
+
+    const handleAddElement = (section: keyof Item, value: RelatedItem) => {
+        if (selectedItem) {
+            const updatedSection = [...(selectedItem[section] as RelatedItem[]), value];
+            setSelectedItem({...selectedItem, [section]: updatedSection});
+        }
+    };
+
+    const handleRemoveElement = (section: keyof Item, index: number) => {
+        if (selectedItem) {
+            const updatedSection = (selectedItem[section] as RelatedItem[]).filter((_, i) => i !== index);
+            setSelectedItem({...selectedItem, [section]: updatedSection});
+        }
+    };
+
+    return (
+        <main className="flex-grow p-8 overflow-y-auto">
+            {selectedItem ? (
+                <div>
+                    <div className="flex justify-between sticky top-0 z-10 bg-gray-900 py-4">
+                        <button onClick={() => setSelectedItem(null)}
+                                className="flex items-center gap-2 text-text-primary bg-secondary/50 hover:bg-secondary px-4 py-2 rounded-xl transition-all duration-200 hover:scale-105 shadow-md">
+                            <FontAwesomeIcon icon={faArrowLeft} className="mr-2 w-5 h-5"/> Back
+                        </button>
+                        <h2 className="text-3xl font-['ADLaM_Display'] text-center text-text-primary">{selectedItem.name}</h2>
+                        <button onClick={handleSaveItem}
+                                className="bg-primary hover:bg-primary-dark text-text-primary font-semibold py-2.5 px-6 rounded-xl shadow-md hover:shadow-lg hover:scale-105 transition-all duration-200">
+                            Save Item
+                        </button>
+                    </div>
+                    <div className="bg-gray-700 rounded-lg p-8 shadow-lg space-y-4">
+                        <div>
+                            <label className="block text-white mb-2" htmlFor="name">Name</label>
+                            <input
+                                type="text"
+                                id="name"
+                                value={selectedItem.name}
+                                onChange={(e) => handleItemChange('name', e.target.value)}
+                                className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                            />
+                        </div>
+                        <div>
+                            <label className="block text-white mb-2" htmlFor="description">Description</label>
+                            <textarea
+                                id="description"
+                                rows={4}
+                                value={selectedItem.description}
+                                onChange={(e) => handleItemChange('description', e.target.value)}
+                                className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                            ></textarea>
+                        </div>
+                        <div>
+                            <label className="block text-white mb-2" htmlFor="history">History</label>
+                            <textarea
+                                id="history"
+                                rows={4}
+                                value={selectedItem.history}
+                                onChange={(e) => handleItemChange('history', e.target.value)}
+                                className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                            ></textarea>
+                        </div>
+                        <div>
+                            <label className="block text-white mb-2" htmlFor="location">Location</label>
+                            <select
+                                id="location"
+                                value={selectedItem.location}
+                                onChange={(e) => handleItemChange('location', e.target.value)}
+                                className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                            >
+                                <option value="">Select Location</option>
+                                <option value="Castle">Castle</option>
+                                <option value="Fortress">Fortress</option>
+                            </select>
+                        </div>
+                        <div>
+                            <label className="block text-white mb-2" htmlFor="ownedBy">Owned By</label>
+                            <select
+                                id="ownedBy"
+                                value={selectedItem.ownedBy}
+                                onChange={(e) => handleItemChange('ownedBy', e.target.value)}
+                                className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                            >
+                                <option value="">Select Owner</option>
+                                {items.map((item) => (
+                                    <option key={item.id} value={item.name}>{item.name}</option>
+                                ))}
+                            </select>
+                        </div>
+                        <div>
+                            <label className="block text-white mb-2" htmlFor="functionality">Functionality</label>
+                            <textarea
+                                id="functionality"
+                                rows={4}
+                                value={selectedItem.functionality}
+                                onChange={(e) => handleItemChange('functionality', e.target.value)}
+                                className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                            ></textarea>
+                        </div>
+                        <div>
+                            <label className="block text-white mb-2" htmlFor="image">Image URL</label>
+                            <input
+                                type="text"
+                                id="image"
+                                value={selectedItem.image}
+                                onChange={(e) => handleItemChange('image', e.target.value)}
+                                className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                            />
+                        </div>
+                    </div>
+                    <div className="bg-gray-700 rounded-lg p-8 shadow-lg space-y-4 mt-4">
+                        <h3 className="text-2xl font-['ADLaM_Display'] text-text-primary">Related Items</h3>
+                        <div className="space-y-2">
+                            {selectedItem.relatedItems.map((relatedItem, index) => (
+                                <details key={index}
+                                         className="bg-secondary/30 rounded-xl mb-4 p-4 shadow-sm hover:shadow-md transition-all duration-200">
+                                    <summary className="text-lg text-white cursor-pointer">{relatedItem.name}</summary>
+                                    <div className="mt-2">
+                                        <label className="block text-white mb-2"
+                                               htmlFor={`related-item-description-${relatedItem.name}`}>Description</label>
+                                        <textarea
+                                            id={`related-item-description-${relatedItem.name}`}
+                                            rows={3}
+                                            value={relatedItem.description}
+                                            onChange={(e) => handleElementChange('relatedItems', index, 'description', e.target.value)}
+                                            className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                                        ></textarea>
+                                        <label className="block text-white mb-2 mt-4"
+                                               htmlFor={`related-item-history-${relatedItem.name}`}>History</label>
+                                        <textarea
+                                            id={`related-item-history-${relatedItem.name}`}
+                                            rows={3}
+                                            value={relatedItem.history}
+                                            onChange={(e) => handleElementChange('relatedItems', index, 'history', e.target.value)}
+                                            className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                                        ></textarea>
+                                        <button
+                                            type="button"
+                                            onClick={() => handleRemoveElement('relatedItems', index)}
+                                            className="bg-error/90 hover:bg-error text-text-primary font-semibold py-2 px-4 rounded-xl shadow-md hover:shadow-lg hover:scale-105 transition-all duration-200 mt-2"
+                                        >
+                                            Remove
+                                        </button>
+                                    </div>
+                                </details>
+                            ))}
+                            <div className="flex space-x-2 items-center mt-2">
+                                <select
+                                    className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                                    onChange={(e) => setNewRelatedItem({...newRelatedItem, name: e.target.value})}
+                                    value={newRelatedItem.name}
+                                >
+                                    <option value="">Select Related Item</option>
+                                    {items.map((item) => (
+                                        <option key={item.id} value={item.name}>{item.name}</option>
+                                    ))}
+                                </select>
+                                <select
+                                    className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                                    onChange={(e) => setNewRelatedItem({...newRelatedItem, type: e.target.value})}
+                                    value={newRelatedItem.type}
+                                >
+                                    <option value="">Relation Type</option>
+                                    <option value="Related">Related</option>
+                                    <option value="Similar">Similar</option>
+                                    {/* Add more relation types as needed */}
+                                </select>
+                                <button
+                                    type="button"
+                                    onClick={() => {
+                                        handleAddElement('relatedItems', {...newRelatedItem});
+                                        setNewRelatedItem({name: '', type: '', description: '', history: ''});
+                                    }}
+                                    className="bg-primary hover:bg-primary-dark text-text-primary font-semibold py-2.5 px-5 rounded-xl shadow-md hover:shadow-lg hover:scale-105 transition-all duration-200"
+                                >
+                                    Add Related Item
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            ) : (
+                <div>
+                    <div className="flex justify-between sticky top-0 z-10 bg-gray-900 py-4">
+                        <input
+                            type="text"
+                            value={searchQuery}
+                            onChange={(e) => setSearchQuery(e.target.value)}
+                            className="w-full px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none hover:bg-secondary hover:border-secondary focus:border-primary focus:ring-4 focus:ring-primary/20 transition-all duration-200"
+                            placeholder="Search Items"
+                        />
+                        <button
+                            type="button"
+                            onClick={handleAddItem}
+                            className="bg-primary hover:bg-primary-dark text-text-primary font-semibold py-2.5 px-5 rounded-xl ml-4 shadow-md hover:shadow-lg hover:scale-105 transition-all duration-200"
+                        >
+                            Add New Item
+                        </button>
+                    </div>
+                    <div>
+                        <h2 className="text-4xl font-['ADLaM_Display'] text-text-primary mb-6">Items</h2>
+                        <div className="flex flex-wrap space-x-4">
+                            {filteredItems.map((item) => (
+                                <div key={item.id} onClick={() => handleItemClick(item)}
+                                     className="cursor-pointer bg-tertiary/90 backdrop-blur-sm p-4 rounded-xl shadow-lg hover:shadow-xl hover:scale-105 transition-all duration-200 border border-secondary/50">
+                                    <img src={item.image || 'https://via.placeholder.com/150'} alt={item.name}
+                                         className="w-full h-32 object-cover rounded-lg mb-2"/>
+                                    <h3 className="text-lg font-bold text-text-primary">{item.name}</h3>
+                                    <p className="text-muted">{item.description}</p>
+                                </div>
+                            ))}
+                        </div>
+                    </div>
+                </div>
+            )}
+        </main>
+    );
+}
diff --git a/components/book/settings/story/Act.tsx b/components/book/settings/story/Act.tsx
new file mode 100644
index 0000000..ef87b63
--- /dev/null
+++ b/components/book/settings/story/Act.tsx
@@ -0,0 +1,608 @@
+import React, {Dispatch, SetStateAction, useContext, useState} from 'react';
+import {
+    faFire,
+    faFlag,
+    faPuzzlePiece,
+    faScaleBalanced,
+    faTrophy,
+    IconDefinition,
+} from '@fortawesome/free-solid-svg-icons';
+import {Act as ActType, Incident, PlotPoint} from '@/lib/models/Book';
+import {ActChapter, ChapterListProps} from '@/lib/models/Chapter';
+import System from '@/lib/models/System';
+import {BookContext} from '@/context/BookContext';
+import {SessionContext} from '@/context/SessionContext';
+import {AlertContext} from '@/context/AlertContext';
+import CollapsableArea from '@/components/CollapsableArea';
+import ActDescription from '@/components/book/settings/story/act/ActDescription';
+import ActChaptersSection from '@/components/book/settings/story/act/ActChaptersSection';
+import ActIncidents from '@/components/book/settings/story/act/ActIncidents';
+import ActPlotPoints from '@/components/book/settings/story/act/ActPlotPoints';
+import {useTranslations} from 'next-intl';
+import {LangContext, LangContextProps} from "@/context/LangContext";
+
+interface ActProps {
+    acts: ActType[];
+    setActs: Dispatch<SetStateAction<ActType[]>>;
+    mainChapters: ChapterListProps[];
+}
+
+export default function Act({acts, setActs, mainChapters}: ActProps) {
+    const t = useTranslations('actComponent');
+    const {lang} = useContext<LangContextProps>(LangContext);
+    const {book} = useContext(BookContext);
+    const {session} = useContext(SessionContext);
+    const {errorMessage, successMessage} = useContext(AlertContext);
+    
+    const bookId: string | undefined = book?.bookId;
+    const token: string = session.accessToken;
+    
+    const [expandedSections, setExpandedSections] = useState<{
+        [key: string]: boolean;
+    }>({});
+
+    const [newIncidentTitle, setNewIncidentTitle] = useState<string>('');
+    const [newPlotPointTitle, setNewPlotPointTitle] = useState<string>('');
+    const [selectedIncidentId, setSelectedIncidentId] = useState<string>('');
+    
+    function toggleSection(sectionKey: string): void {
+        setExpandedSections(prev => ({
+            ...prev,
+            [sectionKey]: !prev[sectionKey],
+        }));
+    }
+    
+    function updateActSummary(actId: number, summary: string): void {
+        const updatedActs: ActType[] = acts.map((act: ActType): ActType => {
+            if (act.id === actId) {
+                return {...act, summary};
+            }
+            return act;
+        });
+        setActs(updatedActs);
+    }
+    
+    function getIncidents(): Incident[] {
+        const act2: ActType | undefined = acts.find((act: ActType): boolean => act.id === 2);
+        return act2?.incidents || [];
+    }
+    
+    async function addIncident(actId: number): Promise<void> {
+        if (newIncidentTitle.trim() === '') return;
+        
+        try {
+            const incidentId: string =
+                await System.authPostToServer<string>('book/incident/new', {
+                    bookId,
+                    name: newIncidentTitle,
+                }, token, lang);
+            if (!incidentId) {
+                errorMessage(t('errorAddIncident'));
+                return;
+            }
+            const updatedActs: ActType[] = acts.map((act: ActType): ActType => {
+                if (act.id === actId) {
+                    const newIncident: Incident = {
+                        incidentId: incidentId,
+                        title: newIncidentTitle,
+                        summary: '',
+                        chapters: [],
+                    };
+                    
+                    return {
+                        ...act,
+                        incidents: [...(act.incidents || []), newIncident],
+                    };
+                }
+                return act;
+            });
+            setActs(updatedActs);
+            setNewIncidentTitle('');
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(t('errorAddIncident'));
+            } else {
+                errorMessage(t('errorUnknownAddIncident'));
+            }
+        }
+    }
+    
+    async function deleteIncident(actId: number, incidentId: string): Promise<void> {
+        try {
+            const response: boolean = await System.authDeleteToServer<boolean>('book/incident/remove', {
+                bookId,
+                incidentId,
+            }, token, lang);
+            if (!response) {
+                errorMessage(t('errorDeleteIncident'));
+                return;
+            }
+            const updatedActs: ActType[] = acts.map((act: ActType): ActType => {
+                if (act.id === actId) {
+                    return {
+                        ...act,
+                        incidents: (act.incidents || []).filter(
+                            (inc: Incident): boolean => inc.incidentId !== incidentId,
+                        ),
+                    };
+                }
+                return act;
+            });
+            setActs(updatedActs);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('errorUnknownDeleteIncident'));
+            }
+        }
+    }
+    
+    async function addPlotPoint(actId: number): Promise<void> {
+        if (newPlotPointTitle.trim() === '') return;
+        try {
+            const plotId: string = await System.authPostToServer<string>('book/plot/new', {
+                bookId,
+                name: newPlotPointTitle,
+                incidentId: selectedIncidentId,
+            }, token, lang);
+            if (!plotId) {
+                errorMessage(t('errorAddPlotPoint'));
+                return;
+            }
+            const updatedActs: ActType[] = acts.map((act: ActType): ActType => {
+                if (act.id === actId) {
+                    const newPlotPoint: PlotPoint = {
+                        plotPointId: plotId,
+                        title: newPlotPointTitle,
+                        summary: '',
+                        linkedIncidentId: selectedIncidentId,
+                        chapters: [],
+                    };
+                    return {
+                        ...act,
+                        plotPoints: [...(act.plotPoints || []), newPlotPoint],
+                    };
+                }
+                return act;
+            });
+            setActs(updatedActs);
+            setNewPlotPointTitle('');
+            setSelectedIncidentId('');
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(t('errorAddPlotPoint'));
+            } else {
+                errorMessage(t('errorUnknownAddPlotPoint'));
+            }
+        }
+    }
+    
+    async function deletePlotPoint(actId: number, plotPointId: string): Promise<void> {
+        try {
+            const response: boolean = await System.authDeleteToServer<boolean>('book/plot/remove', {
+                plotId: plotPointId,
+            }, token, lang);
+            if (!response) {
+                errorMessage(t('errorDeletePlotPoint'));
+                return;
+            }
+            const updatedActs: ActType[] = acts.map((act: ActType): ActType => {
+                if (act.id === actId) {
+                    return {
+                        ...act,
+                        plotPoints: (act.plotPoints || []).filter(
+                            (pp: PlotPoint): boolean => pp.plotPointId !== plotPointId,
+                        ),
+                    };
+                }
+                return act;
+            });
+            setActs(updatedActs);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('errorUnknownDeletePlotPoint'));
+            }
+        }
+    }
+    
+    async function linkChapter(
+        actId: number,
+        chapterId: string,
+        destination: 'act' | 'incident' | 'plotPoint',
+        itemId?: string,
+    ): Promise<void> {
+        const chapterToLink: ChapterListProps | undefined = mainChapters.find((chapter: ChapterListProps): boolean => chapter.chapterId === chapterId);
+        if (!chapterToLink) {
+            errorMessage(t('errorChapterNotFound'));
+            return;
+        }
+        try {
+            const linkId: string =
+                await System.authPostToServer<string>('chapter/resume/add', {
+                    bookId,
+                    chapterId: chapterId,
+                    actId: actId,
+                    plotId: destination === 'plotPoint' ? itemId : null,
+                    incidentId: destination === 'incident' ? itemId : null,
+                }, token, lang);
+            if (!linkId) {
+                errorMessage(t('errorLinkChapter'));
+                return;
+            }
+            const newChapter: ActChapter = {
+                chapterInfoId: linkId,
+                chapterId: chapterId,
+                title: chapterToLink.title,
+                chapterOrder: chapterToLink.chapterOrder || 0,
+                actId: actId,
+                incidentId: destination === 'incident' ? itemId : '0',
+                plotPointId: destination === 'plotPoint' ? itemId : '0',
+                summary: '',
+                goal: '',
+            };
+            
+            const updatedActs: ActType[] = acts.map((act: ActType): ActType => {
+                if (act.id === actId) {
+                    switch (destination) {
+                        case 'act':
+                            return {
+                                ...act,
+                                chapters: [...(act.chapters || []), newChapter],
+                            };
+                        case 'incident':
+                            return {
+                                ...act,
+                                incidents:
+                                    act.incidents?.map((incident: Incident): Incident =>
+                                        incident.incidentId === itemId
+                                            ? {
+                                                ...incident,
+                                                chapters: [...(incident.chapters || []), newChapter],
+                                            }
+                                            : incident,
+                                    ) || [],
+                            };
+                        case 'plotPoint':
+                            return {
+                                ...act,
+                                plotPoints:
+                                    act.plotPoints?.map(
+                                        (plotPoint: PlotPoint): PlotPoint =>
+                                            plotPoint.plotPointId === itemId
+                                                ? {
+                                                    ...plotPoint,
+                                                    chapters: [...(plotPoint.chapters || []), newChapter],
+                                                }
+                                                : plotPoint,
+                                    ) || [],
+                            };
+                    }
+                }
+                return act;
+            });
+            
+            setActs(updatedActs);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('errorUnknownLinkChapter'));
+            }
+        }
+    }
+    
+    async function unlinkChapter(
+        chapterInfoId: string,
+        actId: number,
+        chapterId: string,
+        destination: 'act' | 'incident' | 'plotPoint',
+        itemId?: string,
+    ): Promise<void> {
+        try {
+            const response: boolean = await System.authDeleteToServer<boolean>('chapter/resume/remove', {
+                chapterInfoId,
+            }, token, lang);
+            if (!response) {
+                errorMessage(t('errorUnlinkChapter'));
+                return;
+            }
+            const updatedActs: ActType[] = acts.map((act: ActType): ActType => {
+                if (act.id === actId) {
+                    switch (destination) {
+                        case 'act':
+                            return {
+                                ...act,
+                                chapters: (act.chapters || []).filter(
+                                    (ch: ActChapter): boolean => ch.chapterId !== chapterId,
+                                ),
+                            };
+                        
+                        case 'incident':
+                            if (!itemId) return act;
+                            
+                            return {
+                                ...act,
+                                incidents:
+                                    act.incidents?.map((incident: Incident): Incident => {
+                                        if (incident.incidentId === itemId) {
+                                            return {
+                                                ...incident,
+                                                chapters: (incident.chapters || []).filter(
+                                                    (ch: ActChapter): boolean =>
+                                                        ch.chapterId !== chapterId,
+                                                ),
+                                            };
+                                        }
+                                        return incident;
+                                    }) || [],
+                            };
+                        
+                        case 'plotPoint':
+                            if (!itemId) return act;
+                            
+                            return {
+                                ...act,
+                                plotPoints:
+                                    act.plotPoints?.map((plotPoint: PlotPoint): PlotPoint => {
+                                        if (plotPoint.plotPointId === itemId) {
+                                            return {
+                                                ...plotPoint,
+                                                chapters: (plotPoint.chapters || []).filter((chapter: ActChapter): boolean => chapter.chapterId !== chapterId),
+                                            };
+                                        }
+                                        return plotPoint;
+                                    }) || [],
+                            };
+                    }
+                }
+                return act;
+            });
+            
+            setActs(updatedActs);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('errorUnknownUnlinkChapter'));
+            }
+        }
+    }
+    
+    function updateLinkedChapterSummary(
+        actId: number,
+        chapterId: string,
+        summary: string,
+        destination: 'act' | 'incident' | 'plotPoint',
+        itemId?: string,
+    ): void {
+        const updatedActs: ActType[] = acts.map((act: ActType): ActType => {
+            if (act.id === actId) {
+                switch (destination) {
+                    case 'act':
+                        return {
+                            ...act,
+                            chapters: (act.chapters || []).map((chapter: ActChapter): ActChapter => {
+                                if (chapter.chapterId === chapterId) {
+                                    return {...chapter, summary};
+                                }
+                                return chapter;
+                            }),
+                        };
+                    
+                    case 'incident':
+                        if (!itemId) return act;
+                        
+                        return {
+                            ...act,
+                            incidents:
+                                act.incidents?.map((incident: Incident): Incident => {
+                                    if (incident.incidentId === itemId) {
+                                        return {
+                                            ...incident,
+                                            chapters: (incident.chapters || []).map((chapter: ActChapter) => {
+                                                if (chapter.chapterId === chapterId) {
+                                                    return {...chapter, summary};
+                                                }
+                                                return chapter;
+                                            }),
+                                        };
+                                    }
+                                    return incident;
+                                }) || [],
+                        };
+                    
+                    case 'plotPoint':
+                        if (!itemId) return act;
+                        
+                        return {
+                            ...act,
+                            plotPoints:
+                                act.plotPoints?.map((plotPoint: PlotPoint): PlotPoint => {
+                                    if (plotPoint.plotPointId === itemId) {
+                                        return {
+                                            ...plotPoint,
+                                            chapters: (plotPoint.chapters || []).map((chapter: ActChapter): ActChapter => {
+                                                if (chapter.chapterId === chapterId) {
+                                                    return {...chapter, summary};
+                                                }
+                                                return chapter;
+                                            }),
+                                        };
+                                    }
+                                    return plotPoint;
+                                }) || [],
+                        };
+                }
+            }
+            return act;
+        });
+        setActs(updatedActs);
+    }
+    
+    function getSectionKey(actId: number, section: string): string {
+        return `section_${actId}_${section}`;
+    }
+    
+    
+    function renderActChapters(act: ActType) {
+        if (act.id === 2 || act.id === 3) {
+            return null;
+        }
+
+        const sectionKey: string = getSectionKey(act.id, 'chapters');
+        const isExpanded: boolean = expandedSections[sectionKey];
+
+        return (
+            <ActChaptersSection
+                actId={act.id}
+                chapters={act.chapters || []}
+                mainChapters={mainChapters}
+                onLinkChapter={(actId, chapterId) => linkChapter(actId, chapterId, 'act')}
+                onUpdateChapterSummary={(chapterId, summary) =>
+                    updateLinkedChapterSummary(act.id, chapterId, summary, 'act')
+                }
+                onUnlinkChapter={(chapterInfoId, chapterId) =>
+                    unlinkChapter(chapterInfoId, act.id, chapterId, 'act')
+                }
+                sectionKey={sectionKey}
+                isExpanded={isExpanded}
+                onToggleSection={toggleSection}
+            />
+        );
+    }
+    
+    function renderActDescription(act: ActType) {
+        if (act.id === 2 || act.id === 3) {
+            return null;
+        }
+        
+        return (
+            <ActDescription
+                actId={act.id}
+                summary={act.summary || ''}
+                onUpdateSummary={updateActSummary}
+            />
+        );
+    }
+    
+    function renderIncidents(act: ActType) {
+        if (act.id !== 2) return null;
+        
+        const sectionKey: string = getSectionKey(act.id, 'incidents');
+        const isExpanded: boolean = expandedSections[sectionKey];
+        
+        return (
+            <ActIncidents
+                incidents={act.incidents || []}
+                actId={act.id}
+                mainChapters={mainChapters}
+                newIncidentTitle={newIncidentTitle}
+                setNewIncidentTitle={setNewIncidentTitle}
+                onAddIncident={addIncident}
+                onDeleteIncident={deleteIncident}
+                onLinkChapter={(actId, chapterId, incidentId) =>
+                    linkChapter(actId, chapterId, 'incident', incidentId)
+                }
+                onUpdateChapterSummary={(chapterId, summary, incidentId) =>
+                    updateLinkedChapterSummary(act.id, chapterId, summary, 'incident', incidentId)
+                }
+                onUnlinkChapter={(chapterInfoId, chapterId, incidentId) =>
+                    unlinkChapter(chapterInfoId, act.id, chapterId, 'incident', incidentId)
+                }
+                sectionKey={sectionKey}
+                isExpanded={isExpanded}
+                onToggleSection={toggleSection}
+            />
+        );
+    }
+    
+    function renderPlotPoints(act: ActType) {
+        if (act.id !== 3) return null;
+        
+        const sectionKey: string = getSectionKey(act.id, 'plotPoints');
+        const isExpanded: boolean = expandedSections[sectionKey];
+        
+        return (
+            <ActPlotPoints
+                plotPoints={act.plotPoints || []}
+                incidents={getIncidents()}
+                actId={act.id}
+                mainChapters={mainChapters}
+                newPlotPointTitle={newPlotPointTitle}
+                setNewPlotPointTitle={setNewPlotPointTitle}
+                selectedIncidentId={selectedIncidentId}
+                setSelectedIncidentId={setSelectedIncidentId}
+                onAddPlotPoint={addPlotPoint}
+                onDeletePlotPoint={deletePlotPoint}
+                onLinkChapter={(actId, chapterId, plotPointId) =>
+                    linkChapter(actId, chapterId, 'plotPoint', plotPointId)
+                }
+                onUpdateChapterSummary={(chapterId, summary, plotPointId) =>
+                    updateLinkedChapterSummary(act.id, chapterId, summary, 'plotPoint', plotPointId)
+                }
+                onUnlinkChapter={(chapterInfoId, chapterId, plotPointId) =>
+                    unlinkChapter(chapterInfoId, act.id, chapterId, 'plotPoint', plotPointId)
+                }
+                sectionKey={sectionKey}
+                isExpanded={isExpanded}
+                onToggleSection={toggleSection}
+            />
+        );
+    }
+    
+    function renderActIcon(actId: number): IconDefinition {
+        switch (actId) {
+            case 1:
+                return faFlag;
+            case 2:
+                return faFire;
+            case 3:
+                return faPuzzlePiece;
+            case 4:
+                return faScaleBalanced;
+            case 5:
+                return faTrophy;
+            default:
+                return faFlag;
+        }
+    }
+    
+    function renderActTitle(actId: number): string {
+        switch (actId) {
+            case 1:
+                return t('act1Title');
+            case 2:
+                return t('act2Title');
+            case 3:
+                return t('act3Title');
+            case 4:
+                return t('act4Title');
+            case 5:
+                return t('act5Title');
+            default:
+                return '';
+        }
+    }
+    
+    return (
+        <div className="space-y-6">
+            {acts.map((act: ActType) => (
+                <CollapsableArea key={`act-${act.id}`}
+                                 title={renderActTitle(act.id)}
+                                 icon={renderActIcon(act.id)}
+                                 children={
+                                     <>
+                                         {renderActDescription(act)}
+                                         {renderActChapters(act)}
+                                         {renderIncidents(act)}
+                                         {renderPlotPoints(act)}
+                                     </>
+                                 }
+                />
+            ))}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/book/settings/story/Issue.tsx b/components/book/settings/story/Issue.tsx
new file mode 100644
index 0000000..f0c7015
--- /dev/null
+++ b/components/book/settings/story/Issue.tsx
@@ -0,0 +1,149 @@
+import React, {ChangeEvent, useContext, useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faPlus, faTrash, faWarning,} from '@fortawesome/free-solid-svg-icons';
+import {Issue} from '@/lib/models/Book';
+import System from '@/lib/models/System';
+import {BookContext} from '@/context/BookContext';
+import {SessionContext} from '@/context/SessionContext';
+import {AlertContext} from '@/context/AlertContext';
+import CollapsableArea from "@/components/CollapsableArea";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+
+interface IssuesProps {
+    issues: Issue[];
+    setIssues: React.Dispatch<React.SetStateAction<Issue[]>>;
+}
+
+export default function Issues({issues, setIssues}: IssuesProps) {
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext);
+    const {book} = useContext(BookContext);
+    const {session} = useContext(SessionContext);
+    const {errorMessage} = useContext(AlertContext);
+    
+    const bookId: string | undefined = book?.bookId;
+    const token: string = session.accessToken;
+    
+    const [newIssueName, setNewIssueName] = useState<string>('');
+    
+    async function addNewIssue(): Promise<void> {
+        if (newIssueName.trim() === '') {
+            errorMessage(t("issues.errorEmptyName"));
+            return;
+        }
+        try {
+            const issueId: string = await System.authPostToServer<string>('book/issue/add', {
+                bookId,
+                name: newIssueName,
+            }, token, lang);
+            if (!issueId) {
+                errorMessage(t("issues.errorAdd"));
+                return;
+            }
+            const newIssue: Issue = {
+                name: newIssueName,
+                id: issueId,
+            };
+            
+            setIssues([...issues, newIssue]);
+            setNewIssueName('');
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("issues.errorUnknownAdd"));
+            }
+        }
+    }
+    
+    async function deleteIssue(issueId: string): Promise<void> {
+        if (issueId === undefined) {
+            errorMessage(t("issues.errorInvalidId"));
+        }
+        
+        
+        try {
+            const response: boolean = await System.authDeleteToServer<boolean>(
+                'book/issue/remove',
+                {
+                    bookId,
+                    issueId,
+                },
+                token,
+                lang
+            );
+            if (response) {
+                const updatedIssues: Issue[] = issues.filter((issue: Issue): boolean => issue.id !== issueId,);
+                setIssues(updatedIssues);
+            } else {
+                errorMessage(t("issues.errorDelete"));
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("issues.errorUnknownDelete"));
+            }
+        }
+    }
+    
+    function updateIssueName(issueId: string, name: string): void {
+        const updatedIssues: Issue[] = issues.map((issue: Issue): Issue => {
+            if (issue.id === issueId) {
+                return {...issue, name};
+            }
+            return issue;
+        });
+        setIssues(updatedIssues);
+    }
+    
+    return (
+        <CollapsableArea title={t("issues.title")} children={
+            <div className="p-1">
+                {issues && issues.length > 0 ? (
+                    issues.map((item: Issue) => (
+                        <div
+                            className="mb-2 bg-secondary/30 rounded-xl p-3 shadow-sm hover:shadow-md transition-all duration-200"
+                            key={`issue-${item.id}`}
+                        >
+                            <div className="flex justify-between items-center">
+                                <input
+                                    className="flex-1 text-text-primary text-base px-2 py-1 bg-transparent border-b border-secondary/50 focus:outline-none focus:border-primary transition-colors duration-200 placeholder:text-muted/60"
+                                    value={item.name}
+                                    onChange={(e) => updateIssueName(item.id, e.target.value)}
+                                    placeholder={t("issues.issueNamePlaceholder")}
+                                />
+                                <button
+                                    className="p-1.5 ml-2 rounded-lg text-error hover:bg-error/20 hover:scale-110 transition-all duration-200"
+                                    onClick={() => deleteIssue(item.id)}
+                                >
+                                    <FontAwesomeIcon icon={faTrash} size="sm"/>
+                                </button>
+                            </div>
+                        </div>
+                    ))
+                ) : (
+                    <p className="text-text-secondary text-center py-2 text-sm">
+                        {t("issues.noIssue")}
+                    </p>
+                )}
+                <div className="flex items-center mt-3 bg-secondary/30 p-3 rounded-xl shadow-sm">
+                    <input
+                        className="flex-1 text-text-primary text-base px-2 py-1 bg-transparent border-b border-secondary/50 focus:outline-none focus:border-primary transition-colors duration-200 placeholder:text-muted/60"
+                        value={newIssueName}
+                        onChange={(e: ChangeEvent<HTMLInputElement>) => setNewIssueName(e.target.value)}
+                        placeholder={t("issues.newIssuePlaceholder")}
+                    />
+                    <button
+                        className="bg-primary w-9 h-9 rounded-full flex justify-center items-center ml-2 text-text-primary shadow-md hover:shadow-lg hover:scale-110 hover:bg-primary-dark transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100"
+                        onClick={addNewIssue}
+                        disabled={newIssueName.trim() === ''}
+                    >
+                        <FontAwesomeIcon icon={faPlus}/>
+                    </button>
+                </div>
+            </div>
+        } icon={faWarning}/>
+    );
+}
\ No newline at end of file
diff --git a/components/book/settings/story/MainChapter.tsx b/components/book/settings/story/MainChapter.tsx
new file mode 100644
index 0000000..e184624
--- /dev/null
+++ b/components/book/settings/story/MainChapter.tsx
@@ -0,0 +1,278 @@
+'use client'
+
+import React, {ChangeEvent, useContext, useEffect, useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faArrowDown, faArrowUp, faBookmark, faMinus, faPlus, faTrash,} from '@fortawesome/free-solid-svg-icons';
+import {ChapterListProps} from '@/lib/models/Chapter';
+import System from '@/lib/models/System';
+import {BookContext} from '@/context/BookContext';
+import {SessionContext} from '@/context/SessionContext';
+import {AlertContext} from '@/context/AlertContext';
+import AlertBox from "@/components/AlertBox";
+import CollapsableArea from "@/components/CollapsableArea";
+import {useTranslations} from "next-intl";
+import {LangContext} from "@/context/LangContext";
+
+interface MainChapterProps {
+    chapters: ChapterListProps[];
+    setChapters: React.Dispatch<React.SetStateAction<ChapterListProps[]>>;
+}
+
+export default function MainChapter({chapters, setChapters}: MainChapterProps) {
+    const t = useTranslations();
+    const {lang} = useContext(LangContext)
+    const {book} = useContext(BookContext);
+    const {session} = useContext(SessionContext);
+    const {errorMessage, successMessage} = useContext(AlertContext);
+    
+    const bookId: string | undefined = book?.bookId;
+    const token: string = session.accessToken;
+    
+    const [newChapterTitle, setNewChapterTitle] = useState<string>('');
+    const [newChapterOrder, setNewChapterOrder] = useState<number>(0);
+    
+    const [deleteConfirmMessage, setDeleteConfirmMessage] = useState<boolean>(false);
+    const [chapterIdToRemove, setChapterIdToRemove] = useState<string>('');
+    
+    function handleChapterTitleChange(chapterId: string, newTitle: string) {
+        const updatedChapters: ChapterListProps[] = chapters.map((chapter: ChapterListProps): ChapterListProps => {
+            if (chapter.chapterId === chapterId) {
+                return {...chapter, title: newTitle};
+            }
+            return chapter;
+        });
+        setChapters(updatedChapters);
+    }
+    
+    function moveChapter(index: number, direction: number): void {
+        const visibleChapters: ChapterListProps[] = chapters
+            .filter((chapter: ChapterListProps): boolean => chapter.chapterOrder !== -1)
+            .sort((a: ChapterListProps, b: ChapterListProps): number => (a.chapterOrder || 0) - (b.chapterOrder || 0));
+        
+        const currentChapter: ChapterListProps = visibleChapters[index];
+        const allChaptersIndex: number = chapters.findIndex(
+            (chapter: ChapterListProps): boolean => chapter.chapterId === currentChapter.chapterId,
+        );
+        
+        const updatedChapters: ChapterListProps[] = [...chapters];
+        
+        const currentOrder: number = updatedChapters[allChaptersIndex].chapterOrder || 0;
+        const newOrder: number = Math.max(0, currentOrder + direction);
+        
+        updatedChapters[allChaptersIndex] = {
+            ...updatedChapters[allChaptersIndex],
+            chapterOrder: newOrder,
+        };
+        
+        setChapters(updatedChapters);
+    }
+    
+    function moveChapterUp(index: number): void {
+        moveChapter(index, -1);
+    }
+    
+    function moveChapterDown(index: number): void {
+        moveChapter(index, 1);
+    }
+    
+    async function deleteChapter(): Promise<void> {
+        try {
+            setDeleteConfirmMessage(false);
+            const response: boolean = await System.authDeleteToServer<boolean>(
+                'chapter/remove',
+                {
+                    bookId,
+                    chapterId: chapterIdToRemove,
+                },
+                token,
+                lang,
+            );
+            if (!response) {
+                errorMessage(t("mainChapter.errorDelete"));
+            }
+            const updatedChapters: ChapterListProps[] = chapters.filter((chapter: ChapterListProps): boolean => chapter.chapterId !== chapterIdToRemove,);
+            setChapters(updatedChapters);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message)
+            } else {
+                errorMessage(t("mainChapter.errorUnknownDelete"));
+            }
+        }
+    }
+    
+    async function addNewChapter(): Promise<void> {
+        if (newChapterTitle.trim() === '') {
+            return;
+        }
+        
+        try {
+            const responseId: string = await System.authPostToServer<string>(
+                'chapter/add',
+                {
+                    bookId: bookId,
+                    wordsCount: 0,
+                    chapterOrder: newChapterOrder ? newChapterOrder : 0,
+                    title: newChapterTitle,
+                },
+                token,
+            );
+            if (!responseId) {
+                errorMessage(t("mainChapter.errorAdd"));
+                return;
+            }
+            const newChapter: ChapterListProps = {
+                chapterId: responseId as string,
+                title: newChapterTitle,
+                chapterOrder: newChapterOrder,
+                summary: '',
+                goal: '',
+            };
+            setChapters([...chapters, newChapter]);
+            setNewChapterTitle('');
+            
+            setNewChapterOrder(newChapterOrder + 1);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message)
+            } else {
+                errorMessage(t("mainChapter.errorUnknownAdd"));
+            }
+        }
+    }
+    
+    function decrementNewChapterOrder(): void {
+        if (newChapterOrder > 0) {
+            setNewChapterOrder(newChapterOrder - 1);
+        }
+    }
+    
+    function incrementNewChapterOrder(): void {
+        setNewChapterOrder(newChapterOrder + 1);
+    }
+    
+    useEffect((): void => {
+        const visibleChapters: ChapterListProps[] = chapters
+            .filter((chapter: ChapterListProps): boolean => chapter.chapterOrder !== -1)
+            .sort((a: ChapterListProps, b: ChapterListProps): number =>
+                (a.chapterOrder || 0) - (b.chapterOrder || 0),
+            );
+        
+        const nextOrder: number =
+            visibleChapters.length > 0
+                ? (visibleChapters[visibleChapters.length - 1].chapterOrder || 0) + 1
+                : 0;
+        
+        setNewChapterOrder(nextOrder);
+    }, [chapters]);
+    
+    const visibleChapters: ChapterListProps[] = chapters
+        .filter((chapter: ChapterListProps): boolean => chapter.chapterOrder !== -1)
+        .sort((a: ChapterListProps, b: ChapterListProps): number => (a.chapterOrder || 0) - (b.chapterOrder || 0));
+    
+    return (
+        <div>
+            <CollapsableArea icon={faBookmark} title={t("mainChapter.chapters")} children={
+                <div className="space-y-4">
+                    {visibleChapters.length > 0 ? (
+                        <div>
+                            {visibleChapters.map((item: ChapterListProps, index: number) => (
+                                <div key={item.chapterId}
+                                     className="mb-2 bg-secondary/30 rounded-xl p-3 shadow-sm hover:shadow-md transition-all duration-200">
+                                    <div className="flex items-center">
+                                <span
+                                    className="bg-primary-dark text-white text-sm w-6 h-6 rounded-full text-center leading-6 mr-2">
+                                  {item.chapterOrder !== undefined ? item.chapterOrder : index}
+                                </span>
+                                        <input
+                                            className="flex-1 text-text-primary text-base px-2 py-1 bg-transparent border-b border-secondary/50 focus:outline-none focus:border-primary transition-colors duration-200"
+                                            value={item.title}
+                                            onChange={(e: ChangeEvent<HTMLInputElement>) => handleChapterTitleChange(item.chapterId, e.target.value)}
+                                            placeholder={t("mainChapter.chapterTitlePlaceholder")}
+                                        />
+                                        <div className="flex ml-1">
+                                            <button
+                                                className={`p-1.5 mx-0.5 rounded-lg hover:bg-secondary/50 transition-all duration-200 ${
+                                                    item.chapterOrder === 0 ? 'text-muted cursor-not-allowed' : 'text-primary hover:scale-110'
+                                                }`}
+                                                onClick={(): void => moveChapterUp(index)}
+                                                disabled={item.chapterOrder === 0}
+                                            >
+                                                <FontAwesomeIcon icon={faArrowUp} size="sm"/>
+                                            </button>
+                                            <button
+                                                className="p-1.5 mx-0.5 rounded-lg text-primary hover:bg-secondary/50 hover:scale-110 transition-all duration-200"
+                                                onClick={(): void => moveChapterDown(index)}
+                                            >
+                                                <FontAwesomeIcon icon={faArrowDown} size="sm"/>
+                                            </button>
+                                            <button
+                                                className="p-1.5 mx-0.5 rounded-lg text-error hover:bg-error/20 hover:scale-110 transition-all duration-200"
+                                                onClick={(): void => {
+                                                    setChapterIdToRemove(item.chapterId);
+                                                    setDeleteConfirmMessage(true);
+                                                }}
+                                            >
+                                                <FontAwesomeIcon icon={faTrash} size="sm"/>
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                            ))}
+                        </div>
+                    ) : (
+                        <p className="text-text-secondary text-center py-2">
+                            {t("mainChapter.noChapter")}
+                        </p>
+                    )}
+                    
+                    <div className="bg-secondary/30 rounded-xl p-3 mt-3 shadow-sm">
+                        <div className="flex items-center">
+                            <div
+                                className="flex items-center gap-1 bg-secondary/50 rounded-lg mr-2 px-1 py-0.5 shadow-inner">
+                                <button
+                                    className={`w-6 h-6 rounded-full bg-secondary flex justify-center items-center hover:scale-110 transition-all duration-200 ${
+                                        newChapterOrder <= 0 ? 'text-muted cursor-not-allowed opacity-50' : 'text-primary hover:bg-secondary-dark'
+                                    }`}
+                                    onClick={decrementNewChapterOrder}
+                                    disabled={newChapterOrder <= 0}
+                                >
+                                    <FontAwesomeIcon icon={faMinus} size="xs"/>
+                                </button>
+                                <span
+                                    className="bg-primary-dark text-white text-sm w-6 h-6 rounded-full text-center leading-6 mx-0.5">
+                                  {newChapterOrder}
+                                </span>
+                                <button
+                                    className="w-6 h-6 rounded-full bg-secondary flex justify-center items-center text-primary hover:bg-secondary-dark hover:scale-110 transition-all duration-200"
+                                    onClick={incrementNewChapterOrder}
+                                >
+                                    <FontAwesomeIcon icon={faPlus} size="xs"/>
+                                </button>
+                            </div>
+                            <input
+                                className="flex-1 text-text-primary text-base px-2 py-1 bg-transparent border-b border-secondary/50 focus:outline-none focus:border-primary transition-colors duration-200 placeholder:text-muted/60"
+                                value={newChapterTitle}
+                                onChange={e => setNewChapterTitle(e.target.value)}
+                                placeholder={t("mainChapter.newChapterPlaceholder")}
+                            />
+                            <button
+                                className="bg-primary w-9 h-9 rounded-full flex justify-center items-center ml-2 text-text-primary shadow-md hover:shadow-lg hover:scale-110 hover:bg-primary-dark transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100"
+                                onClick={addNewChapter}
+                                disabled={newChapterTitle.trim() === ''}
+                            >
+                                <FontAwesomeIcon icon={faPlus} className={'w-5 h-5'}/>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            }/>
+            {
+                deleteConfirmMessage &&
+                <AlertBox title={t("mainChapter.deleteTitle")} message={t("mainChapter.deleteMessage")}
+                          type={"danger"} onConfirm={deleteChapter}
+                          onCancel={(): void => setDeleteConfirmMessage(false)}/>
+            }
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/book/settings/story/StorySetting.tsx b/components/book/settings/story/StorySetting.tsx
new file mode 100644
index 0000000..1ec80c3
--- /dev/null
+++ b/components/book/settings/story/StorySetting.tsx
@@ -0,0 +1,167 @@
+'use client'
+
+import React, {createContext, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
+import {BookContext} from '@/context/BookContext';
+import {SessionContext} from '@/context/SessionContext';
+import {AlertContext} from '@/context/AlertContext';
+import System from '@/lib/models/System';
+import {Act as ActType, Issue} from '@/lib/models/Book';
+import {ActChapter, ChapterListProps} from '@/lib/models/Chapter';
+import MainChapter from "@/components/book/settings/story/MainChapter";
+import Issues from "@/components/book/settings/story/Issue";
+import Act from "@/components/book/settings/story/Act";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+
+export const StoryContext = createContext<{
+    acts: ActType[];
+    setActs: React.Dispatch<React.SetStateAction<ActType[]>>;
+    mainChapters: ChapterListProps[];
+    setMainChapters: React.Dispatch<React.SetStateAction<ChapterListProps[]>>;
+    issues: Issue[];
+    setIssues: React.Dispatch<React.SetStateAction<Issue[]>>;
+}>({
+    acts: [],
+    setActs: (): void => {
+    },
+    mainChapters: [],
+    setMainChapters: (): void => {
+    },
+    issues: [],
+    setIssues: (): void => {
+    },
+});
+
+interface StoryFetchData {
+    mainChapter: ChapterListProps[];
+    acts: ActType[];
+    issues: Issue[];
+}
+
+export function Story(props: any, ref: any) {
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext);
+    const {book} = useContext(BookContext);
+    const bookId: string = book?.bookId ? book.bookId.toString() : '';
+    const {session} = useContext(SessionContext);
+    const userToken: string = session.accessToken;
+    const {errorMessage, successMessage} = useContext(AlertContext);
+    
+    const [acts, setActs] = useState<ActType[]>([]);
+    const [issues, setIssues] = useState<Issue[]>([]);
+    const [mainChapters, setMainChapters] = useState<ChapterListProps[]>([]);
+    const [isLoading, setIsLoading] = useState<boolean>(true);
+    
+    useImperativeHandle(ref, function () {
+        return {
+            handleSave: handleSave
+        };
+    });
+    
+    useEffect((): void => {
+        getStoryData().then();
+    }, [userToken]);
+    
+    useEffect((): void => {
+        cleanupDeletedChapters();
+    }, [mainChapters]);
+    
+    async function getStoryData(): Promise<void> {
+        try {
+            const response: StoryFetchData = await System.authGetQueryToServer<StoryFetchData>(`book/story`, userToken, lang, {
+                bookid: bookId,
+            });
+            if (response) {
+                setActs(response.acts);
+                setMainChapters(response.mainChapter);
+                setIssues(response.issues);
+                setIsLoading(false);
+            }
+        } catch (e: unknown) {
+            setIsLoading(false);
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("story.errorUnknownFetch"));
+            }
+        }
+    }
+    
+    function cleanupDeletedChapters(): void {
+        const existingChapterIds: string[] = mainChapters.map(ch => ch.chapterId);
+        
+        const updatedActs = acts.map((act: ActType) => {
+            const filteredChapters: ActChapter[] = act.chapters?.filter((chapter: ActChapter): boolean =>
+                existingChapterIds.includes(chapter.chapterId)) || [];
+            const updatedIncidents = act.incidents?.map(incident => {
+                return {
+                    ...incident,
+                    chapters: incident.chapters?.filter(chapter =>
+                        existingChapterIds.includes(chapter.chapterId)) || []
+                };
+            }) || [];
+            const updatedPlotPoints = act.plotPoints?.map(plotPoint => {
+                return {
+                    ...plotPoint,
+                    chapters: plotPoint.chapters?.filter(chapter =>
+                        existingChapterIds.includes(chapter.chapterId)) || []
+                };
+            }) || [];
+            return {
+                ...act,
+                chapters: filteredChapters,
+                incidents: updatedIncidents,
+                plotPoints: updatedPlotPoints,
+            };
+        });
+        setActs(updatedActs);
+    }
+    
+    async function handleSave(): Promise<void> {
+        try {
+            const response: boolean =
+                await System.authPostToServer<boolean>('book/story', {
+                    bookId,
+                    acts,
+                    mainChapters,
+                    issues,
+                }, userToken, lang);
+            if (!response) {
+                errorMessage(t("story.errorSave"))
+            }
+            successMessage(t("story.successSave"));
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("story.errorUnknownSave"));
+            }
+        }
+    }
+    
+    return (
+        <StoryContext.Provider
+            value={{
+                acts,
+                setActs,
+                mainChapters,
+                setMainChapters,
+                issues,
+                setIssues,
+            }}>
+            <div className="flex flex-col h-full">
+                <div className="flex-grow overflow-auto py-4">
+                    <div className="space-y-6 px-4">
+                        <MainChapter chapters={mainChapters} setChapters={setMainChapters}/>
+                        <div className="space-y-4">
+                            <Act acts={acts} setActs={setActs} mainChapters={mainChapters}/>
+                        </div>
+                        <Issues issues={issues} setIssues={setIssues}/>
+                    </div>
+                </div>
+            </div>
+        </StoryContext.Provider>
+    );
+}
+
+export default forwardRef(Story);
\ No newline at end of file
diff --git a/components/book/settings/story/act/ActChapter.tsx b/components/book/settings/story/act/ActChapter.tsx
new file mode 100644
index 0000000..2be3056
--- /dev/null
+++ b/components/book/settings/story/act/ActChapter.tsx
@@ -0,0 +1,37 @@
+import React, {ChangeEvent} from 'react';
+import {faTrash} from '@fortawesome/free-solid-svg-icons';
+import {ActChapter} from '@/lib/models/Chapter';
+import InputField from '@/components/form/InputField';
+import TexteAreaInput from '@/components/form/TexteAreaInput';
+import {useTranslations} from 'next-intl';
+
+interface ActChapterItemProps {
+    chapter: ActChapter;
+    onUpdateSummary: (chapterId: string, summary: string) => void;
+    onUnlink: (chapterInfoId: string, chapterId: string) => Promise<void>;
+}
+
+export default function ActChapterItem({chapter, onUpdateSummary, onUnlink}: ActChapterItemProps) {
+    const t = useTranslations('actComponent');
+    
+    return (
+        <div
+            className="bg-secondary/20 p-4 rounded-xl mb-3 border border-secondary/30 shadow-sm hover:shadow-md transition-all duration-200">
+            <InputField
+                input={
+                    <TexteAreaInput
+                        value={chapter.summary || ''}
+                        setValue={(e: ChangeEvent<HTMLTextAreaElement>) =>
+                            onUpdateSummary(chapter.chapterId, e.target.value)
+                        }
+                        placeholder={t('chapterSummaryPlaceholder')}
+                    />
+                }
+                actionIcon={faTrash}
+                fieldName={chapter.title}
+                action={(): Promise<void> => onUnlink(chapter.chapterInfoId, chapter.chapterId)}
+                actionLabel={t('remove')}
+            />
+        </div>
+    );
+}
diff --git a/components/book/settings/story/act/ActChaptersSection.tsx b/components/book/settings/story/act/ActChaptersSection.tsx
new file mode 100644
index 0000000..8255365
--- /dev/null
+++ b/components/book/settings/story/act/ActChaptersSection.tsx
@@ -0,0 +1,93 @@
+import React, {useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faChevronDown, faChevronUp} from '@fortawesome/free-solid-svg-icons';
+import {ActChapter, ChapterListProps} from '@/lib/models/Chapter';
+import {SelectBoxProps} from '@/shared/interface';
+import ActChapterItem from './ActChapter';
+import InputField from '@/components/form/InputField';
+import SelectBox from '@/components/form/SelectBox';
+import {useTranslations} from 'next-intl';
+
+interface ActChaptersSectionProps {
+    actId: number;
+    chapters: ActChapter[];
+    mainChapters: ChapterListProps[];
+    onLinkChapter: (actId: number, chapterId: string) => Promise<void>;
+    onUpdateChapterSummary: (chapterId: string, summary: string) => void;
+    onUnlinkChapter: (chapterInfoId: string, chapterId: string) => Promise<void>;
+    sectionKey: string;
+    isExpanded: boolean;
+    onToggleSection: (sectionKey: string) => void;
+}
+
+export default function ActChaptersSection({
+                                               actId,
+                                               chapters,
+                                               mainChapters,
+                                               onLinkChapter,
+                                               onUpdateChapterSummary,
+                                               onUnlinkChapter,
+                                               sectionKey,
+                                               isExpanded,
+                                               onToggleSection,
+                                           }: ActChaptersSectionProps) {
+    const t = useTranslations('actComponent');
+    const [selectedChapterId, setSelectedChapterId] = useState<string>('');
+    
+    function mainChaptersData(): SelectBoxProps[] {
+        return mainChapters.map((chapter: ChapterListProps): SelectBoxProps => ({
+            value: chapter.chapterId,
+            label: `${chapter.chapterOrder}. ${chapter.title}`,
+        }));
+    }
+    
+    return (
+        <div className="mb-4">
+            <button
+                className="flex justify-between items-center w-full bg-secondary/50 p-3 rounded-xl text-left hover:bg-secondary transition-all duration-200 shadow-sm"
+                onClick={(): void => onToggleSection(sectionKey)}
+            >
+                <span className="font-bold text-text-primary">{t('chapters')}</span>
+                <FontAwesomeIcon
+                    icon={isExpanded ? faChevronUp : faChevronDown}
+                    className="text-text-primary w-3.5 h-3.5"
+                />
+            </button>
+            
+            {isExpanded && (
+                <div className="p-2">
+                    {chapters && chapters.length > 0 ? (
+                        chapters.map((chapter: ActChapter) => (
+                            <ActChapterItem
+                                key={`chapter-${chapter.chapterInfoId}`}
+                                chapter={chapter}
+                                onUpdateSummary={(chapterId, summary) =>
+                                    onUpdateChapterSummary(chapterId, summary)
+                                }
+                                onUnlink={(chapterInfoId, chapterId) =>
+                                    onUnlinkChapter(chapterInfoId, chapterId)
+                                }
+                            />
+                        ))
+                    ) : (
+                        <p className="text-text-secondary text-center text-sm p-2">
+                            {t('noLinkedChapter')}
+                        </p>
+                    )}
+                    <InputField
+                        addButtonCallBack={(): Promise<void> => onLinkChapter(actId, selectedChapterId)}
+                        input={
+                            <SelectBox
+                                defaultValue={null}
+                                onChangeCallBack={(e) => setSelectedChapterId(e.target.value)}
+                                data={mainChaptersData()}
+                                placeholder={t('selectChapterPlaceholder')}
+                            />
+                        }
+                        isAddButtonDisabled={!selectedChapterId}
+                    />
+                </div>
+            )}
+        </div>
+    );
+}
diff --git a/components/book/settings/story/act/ActDescription.tsx b/components/book/settings/story/act/ActDescription.tsx
new file mode 100644
index 0000000..cfaa64a
--- /dev/null
+++ b/components/book/settings/story/act/ActDescription.tsx
@@ -0,0 +1,60 @@
+import React, {ChangeEvent} from 'react';
+import {faTrash} from '@fortawesome/free-solid-svg-icons';
+import InputField from '@/components/form/InputField';
+import TexteAreaInput from '@/components/form/TexteAreaInput';
+import {useTranslations} from 'next-intl';
+
+interface ActDescriptionProps {
+    actId: number;
+    summary: string;
+    onUpdateSummary: (actId: number, summary: string) => void;
+}
+
+export default function ActDescription({actId, summary, onUpdateSummary}: ActDescriptionProps) {
+    const t = useTranslations('actComponent');
+    
+    function getActSummaryTitle(actId: number): string {
+        switch (actId) {
+            case 1:
+                return t('act1Summary');
+            case 4:
+                return t('act4Summary');
+            case 5:
+                return t('act5Summary');
+            default:
+                return t('actSummary');
+        }
+    }
+    
+    function getActSummaryPlaceholder(actId: number): string {
+        switch (actId) {
+            case 1:
+                return t('act1SummaryPlaceholder');
+            case 4:
+                return t('act4SummaryPlaceholder');
+            case 5:
+                return t('act5SummaryPlaceholder');
+            default:
+                return t('actSummaryPlaceholder');
+        }
+    }
+    
+    return (
+        <div className="mb-4">
+            <InputField
+                fieldName={getActSummaryTitle(actId)}
+                input={
+                    <TexteAreaInput
+                        value={summary || ''}
+                        setValue={(e: ChangeEvent<HTMLTextAreaElement>) =>
+                            onUpdateSummary(actId, e.target.value)
+                        }
+                        placeholder={getActSummaryPlaceholder(actId)}
+                    />
+                }
+                actionIcon={faTrash}
+                actionLabel={t('delete')}
+            />
+        </div>
+    );
+}
diff --git a/components/book/settings/story/act/ActIncidents.tsx b/components/book/settings/story/act/ActIncidents.tsx
new file mode 100644
index 0000000..37728ee
--- /dev/null
+++ b/components/book/settings/story/act/ActIncidents.tsx
@@ -0,0 +1,176 @@
+import React, {useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faChevronDown, faChevronUp, faPlus, faTrash} from '@fortawesome/free-solid-svg-icons';
+import {Incident} from '@/lib/models/Book';
+import {ActChapter, ChapterListProps} from '@/lib/models/Chapter';
+import ActChapterItem from './ActChapter';
+import {useTranslations} from 'next-intl';
+
+interface ActIncidentsProps {
+    incidents: Incident[];
+    actId: number;
+    mainChapters: ChapterListProps[];
+    newIncidentTitle: string;
+    setNewIncidentTitle: (title: string) => void;
+    onAddIncident: (actId: number) => Promise<void>;
+    onDeleteIncident: (actId: number, incidentId: string) => Promise<void>;
+    onLinkChapter: (actId: number, chapterId: string, incidentId: string) => Promise<void>;
+    onUpdateChapterSummary: (chapterId: string, summary: string, incidentId: string) => void;
+    onUnlinkChapter: (chapterInfoId: string, chapterId: string, incidentId: string) => Promise<void>;
+    sectionKey: string;
+    isExpanded: boolean;
+    onToggleSection: (sectionKey: string) => void;
+}
+
+export default function ActIncidents({
+                                         incidents,
+                                         actId,
+                                         mainChapters,
+                                         newIncidentTitle,
+                                         setNewIncidentTitle,
+                                         onAddIncident,
+                                         onDeleteIncident,
+                                         onLinkChapter,
+                                         onUpdateChapterSummary,
+                                         onUnlinkChapter,
+                                         sectionKey,
+                                         isExpanded,
+                                         onToggleSection,
+                                     }: ActIncidentsProps) {
+    const t = useTranslations('actComponent');
+    const [expandedItems, setExpandedItems] = useState<{ [key: string]: boolean }>({});
+    const [selectedChapterId, setSelectedChapterId] = useState<string>('');
+    
+    function toggleItem(itemKey: string): void {
+        setExpandedItems(prev => ({
+            ...prev,
+            [itemKey]: !prev[itemKey],
+        }));
+    }
+    
+    return (
+        <div className="mb-4">
+            <button
+                className="flex justify-between items-center w-full bg-secondary/50 p-3 rounded-xl text-left hover:bg-secondary transition-all duration-200 shadow-sm"
+                onClick={(): void => onToggleSection(sectionKey)}
+            >
+                <span className="font-bold text-text-primary">{t('incidentsTitle')}</span>
+                <FontAwesomeIcon
+                    icon={isExpanded ? faChevronUp : faChevronDown}
+                    className="text-text-primary w-3.5 h-3.5"
+                />
+            </button>
+            
+            {isExpanded && (
+                <div className="p-2">
+                    {incidents && incidents.length > 0 ? (
+                        <>
+                            {incidents.map((item: Incident) => {
+                                const itemKey = `incident_${item.incidentId}`;
+                                const isItemExpanded: boolean = expandedItems[itemKey];
+                                
+                                return (
+                                    <div
+                                        key={`incident-${item.incidentId}`}
+                                        className="bg-secondary/30 rounded-xl mb-3 overflow-hidden border border-secondary/40 shadow-sm hover:shadow-md transition-all duration-200"
+                                    >
+                                        <button
+                                            className="flex justify-between items-center w-full p-2 text-left"
+                                            onClick={(): void => toggleItem(itemKey)}
+                                        >
+                                            <span className="font-bold text-text-primary">{item.title}</span>
+                                            <div className="flex items-center">
+                                                <FontAwesomeIcon
+                                                    icon={isItemExpanded ? faChevronUp : faChevronDown}
+                                                    className="text-text-primary w-3.5 h-3.5 mr-2"
+                                                />
+                                                <button
+                                                    onClick={async (e) => {
+                                                        e.stopPropagation();
+                                                        await onDeleteIncident(actId, item.incidentId);
+                                                    }}
+                                                    className="text-error hover:bg-error/20 p-1.5 rounded-lg transition-all duration-200 hover:scale-110"
+                                                >
+                                                    <FontAwesomeIcon icon={faTrash} className="w-3.5 h-3.5"/>
+                                                </button>
+                                            </div>
+                                        </button>
+                                        
+                                        {isItemExpanded && (
+                                            <div className="p-3 bg-secondary/20">
+                                                {item.chapters && item.chapters.length > 0 ? (
+                                                    <>
+                                                        {item.chapters.map((chapter: ActChapter) => (
+                                                            <ActChapterItem
+                                                                key={`inc-chapter-${chapter.chapterId}-${chapter.chapterInfoId}`}
+                                                                chapter={chapter}
+                                                                onUpdateSummary={(chapterId, summary) =>
+                                                                    onUpdateChapterSummary(chapterId, summary, item.incidentId)
+                                                                }
+                                                                onUnlink={(chapterInfoId, chapterId) =>
+                                                                    onUnlinkChapter(chapterInfoId, chapterId, item.incidentId)
+                                                                }
+                                                            />
+                                                        ))}
+                                                    </>
+                                                ) : (
+                                                    <p className="text-text-secondary text-center text-sm p-2">
+                                                        {t('noLinkedChapter')}
+                                                    </p>
+                                                )}
+                                                
+                                                <div className="flex items-center mt-2">
+                                                    <select
+                                                        onChange={(e) => setSelectedChapterId(e.target.value)}
+                                                        className="flex-1 bg-secondary/50 text-text-primary rounded-xl px-4 py-2.5 mr-2 border border-secondary/50 focus:outline-none focus:ring-4 focus:ring-primary/20 focus:border-primary hover:bg-secondary hover:border-secondary transition-all duration-200"
+                                                    >
+                                                        <option value="">{t('selectChapterPlaceholder')}</option>
+                                                        {mainChapters.map((chapter: ChapterListProps) => (
+                                                            <option key={chapter.chapterId} value={chapter.chapterId}>
+                                                                {`${chapter.chapterOrder}. ${chapter.title}`}
+                                                            </option>
+                                                        ))}
+                                                    </select>
+                                                    <button
+                                                        className="bg-primary text-text-primary w-9 h-9 rounded-full flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed shadow-md hover:shadow-lg hover:scale-110 hover:bg-primary-dark transition-all duration-200"
+                                                        onClick={(): Promise<void> =>
+                                                            onLinkChapter(actId, selectedChapterId, item.incidentId)
+                                                        }
+                                                        disabled={selectedChapterId.length === 0}
+                                                    >
+                                                        <FontAwesomeIcon icon={faPlus} className="w-3.5 h-3.5"/>
+                                                    </button>
+                                                </div>
+                                            </div>
+                                        )}
+                                    </div>
+                                );
+                            })}
+                        </>
+                    ) : (
+                        <p className="text-text-secondary text-center text-sm p-2">
+                            {t('noIncidentAdded')}
+                        </p>
+                    )}
+                    
+                    <div className="flex items-center mt-2">
+                        <input
+                            type="text"
+                            className="flex-1 bg-secondary/50 text-text-primary rounded-xl px-4 py-2.5 mr-2 border border-secondary/50 focus:outline-none focus:ring-4 focus:ring-primary/20 focus:border-primary hover:bg-secondary hover:border-secondary transition-all duration-200 placeholder:text-muted/60"
+                            value={newIncidentTitle}
+                            onChange={(e) => setNewIncidentTitle(e.target.value)}
+                            placeholder={t('newIncidentPlaceholder')}
+                        />
+                        <button
+                            className="bg-primary text-text-primary w-9 h-9 rounded-full flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed shadow-md hover:shadow-lg hover:scale-110 hover:bg-primary-dark transition-all duration-200"
+                            onClick={(): Promise<void> => onAddIncident(actId)}
+                            disabled={newIncidentTitle.trim() === ''}
+                        >
+                            <FontAwesomeIcon icon={faPlus} className="w-3.5 h-3.5"/>
+                        </button>
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+}
diff --git a/components/book/settings/story/act/ActPlotPoints.tsx b/components/book/settings/story/act/ActPlotPoints.tsx
new file mode 100644
index 0000000..6d9bceb
--- /dev/null
+++ b/components/book/settings/story/act/ActPlotPoints.tsx
@@ -0,0 +1,202 @@
+import React, {useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faChevronDown, faChevronUp, faPlus, faTrash} from '@fortawesome/free-solid-svg-icons';
+import {Incident, PlotPoint} from '@/lib/models/Book';
+import {ActChapter, ChapterListProps} from '@/lib/models/Chapter';
+import {SelectBoxProps} from '@/shared/interface';
+import ActChapterItem from './ActChapter';
+import InputField from '@/components/form/InputField';
+import SelectBox from '@/components/form/SelectBox';
+import {useTranslations} from 'next-intl';
+
+interface ActPlotPointsProps {
+    plotPoints: PlotPoint[];
+    incidents: Incident[];
+    actId: number;
+    mainChapters: ChapterListProps[];
+    newPlotPointTitle: string;
+    setNewPlotPointTitle: (title: string) => void;
+    selectedIncidentId: string;
+    setSelectedIncidentId: (id: string) => void;
+    onAddPlotPoint: (actId: number) => Promise<void>;
+    onDeletePlotPoint: (actId: number, plotPointId: string) => Promise<void>;
+    onLinkChapter: (actId: number, chapterId: string, plotPointId: string) => Promise<void>;
+    onUpdateChapterSummary: (chapterId: string, summary: string, plotPointId: string) => void;
+    onUnlinkChapter: (chapterInfoId: string, chapterId: string, plotPointId: string) => Promise<void>;
+    sectionKey: string;
+    isExpanded: boolean;
+    onToggleSection: (sectionKey: string) => void;
+}
+
+export default function ActPlotPoints({
+                                          plotPoints,
+                                          incidents,
+                                          actId,
+                                          mainChapters,
+                                          newPlotPointTitle,
+                                          setNewPlotPointTitle,
+                                          selectedIncidentId,
+                                          setSelectedIncidentId,
+                                          onAddPlotPoint,
+                                          onDeletePlotPoint,
+                                          onLinkChapter,
+                                          onUpdateChapterSummary,
+                                          onUnlinkChapter,
+                                          sectionKey,
+                                          isExpanded,
+                                          onToggleSection,
+                                      }: ActPlotPointsProps) {
+    const t = useTranslations('actComponent');
+    const [expandedItems, setExpandedItems] = useState<{ [key: string]: boolean }>({});
+    const [selectedChapterId, setSelectedChapterId] = useState<string>('');
+    
+    function toggleItem(itemKey: string): void {
+        setExpandedItems(prev => ({
+            ...prev,
+            [itemKey]: !prev[itemKey],
+        }));
+    }
+    
+    function getIncidentData(): SelectBoxProps[] {
+        return incidents.map((incident: Incident): SelectBoxProps => ({
+            value: incident.incidentId,
+            label: incident.title,
+        }));
+    }
+    
+    return (
+        <div className="mb-4">
+            <button
+                className="flex justify-between items-center w-full bg-secondary/50 p-3 rounded-xl text-left hover:bg-secondary transition-all duration-200 shadow-sm"
+                onClick={(): void => onToggleSection(sectionKey)}
+            >
+                <span className="font-bold text-text-primary">{t('plotPointsTitle')}</span>
+                <FontAwesomeIcon
+                    icon={isExpanded ? faChevronUp : faChevronDown}
+                    className="text-text-primary w-3.5 h-3.5"
+                />
+            </button>
+            
+            {isExpanded && (
+                <div className="p-2">
+                    {plotPoints && plotPoints.length > 0 ? (
+                        plotPoints.map((item: PlotPoint) => {
+                            const itemKey = `plotpoint_${item.plotPointId}`;
+                            const isItemExpanded: boolean = expandedItems[itemKey];
+                            const linkedIncident: Incident | undefined = incidents.find(
+                                (inc: Incident): boolean => inc.incidentId === item.linkedIncidentId
+                            );
+                            
+                            return (
+                                <div
+                                    key={`plot-point-${item.plotPointId}`}
+                                    className="bg-secondary/30 rounded-xl mb-3 overflow-hidden border border-secondary/40 shadow-sm hover:shadow-md transition-all duration-200"
+                                >
+                                    <button
+                                        className="flex justify-between items-center w-full p-2 text-left"
+                                        onClick={(): void => toggleItem(itemKey)}
+                                    >
+                                        <div>
+                                            <p className="font-bold text-text-primary">{item.title}</p>
+                                            {linkedIncident && (
+                                                <p className="text-text-secondary text-sm italic">
+                                                    {t('linkedTo')}: {linkedIncident.title}
+                                                </p>
+                                            )}
+                                        </div>
+                                        <div className="flex items-center">
+                                            <FontAwesomeIcon
+                                                icon={isItemExpanded ? faChevronUp : faChevronDown}
+                                                className="text-text-primary w-3.5 h-3.5 mr-2"
+                                            />
+                                            <button
+                                                onClick={async (e): Promise<void> => {
+                                                    e.stopPropagation();
+                                                    await onDeletePlotPoint(actId, item.plotPointId);
+                                                }}
+                                                className="text-error hover:bg-error/20 p-1.5 rounded-lg transition-all duration-200 hover:scale-110"
+                                            >
+                                                <FontAwesomeIcon icon={faTrash} className="w-3.5 h-3.5"/>
+                                            </button>
+                                        </div>
+                                    </button>
+                                    
+                                    {isItemExpanded && (
+                                        <div className="p-3 bg-secondary/20">
+                                            {item.chapters && item.chapters.length > 0 ? (
+                                                item.chapters.map((chapter: ActChapter) => (
+                                                    <ActChapterItem
+                                                        key={`plot-chapter-${chapter.chapterId}-${chapter.chapterInfoId}`}
+                                                        chapter={chapter}
+                                                        onUpdateSummary={(chapterId, summary) =>
+                                                            onUpdateChapterSummary(chapterId, summary, item.plotPointId)
+                                                        }
+                                                        onUnlink={(chapterInfoId, chapterId) =>
+                                                            onUnlinkChapter(chapterInfoId, chapterId, item.plotPointId)
+                                                        }
+                                                    />
+                                                ))
+                                            ) : (
+                                                <p className="text-text-secondary text-center text-sm p-2">
+                                                    {t('noLinkedChapter')}
+                                                </p>
+                                            )}
+                                            
+                                            <div className="flex items-center mt-2">
+                                                <select
+                                                    onChange={(e) => setSelectedChapterId(e.target.value)}
+                                                    className="flex-1 bg-secondary/50 text-text-primary rounded-xl px-4 py-2.5 mr-2 border border-secondary/50 focus:outline-none focus:ring-4 focus:ring-primary/20 focus:border-primary hover:bg-secondary hover:border-secondary transition-all duration-200"
+                                                >
+                                                    <option value="">{t('selectChapterPlaceholder')}</option>
+                                                    {mainChapters.map((chapter: ChapterListProps) => (
+                                                        <option key={chapter.chapterId} value={chapter.chapterId}>
+                                                            {`${chapter.chapterOrder}. ${chapter.title}`}
+                                                        </option>
+                                                    ))}
+                                                </select>
+                                                <button
+                                                    className="bg-primary text-text-primary w-9 h-9 rounded-full flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed shadow-md hover:shadow-lg hover:scale-110 hover:bg-primary-dark transition-all duration-200"
+                                                    onClick={() => onLinkChapter(actId, selectedChapterId, item.plotPointId)}
+                                                    disabled={!selectedChapterId}
+                                                >
+                                                    <FontAwesomeIcon icon={faPlus} className="w-3.5 h-3.5"/>
+                                                </button>
+                                            </div>
+                                        </div>
+                                    )}
+                                </div>
+                            );
+                        })
+                    ) : (
+                        <p className="text-text-secondary text-center text-sm p-2">
+                            {t('noPlotPointAdded')}
+                        </p>
+                    )}
+                    
+                    <div className="mt-2 space-y-2">
+                        <div className="flex items-center">
+                            <input
+                                type="text"
+                                className="flex-1 bg-secondary/50 text-text-primary rounded-xl px-4 py-2.5 border border-secondary/50 focus:outline-none focus:ring-4 focus:ring-primary/20 focus:border-primary hover:bg-secondary hover:border-secondary transition-all duration-200 placeholder:text-muted/60"
+                                value={newPlotPointTitle}
+                                onChange={(e) => setNewPlotPointTitle(e.target.value)}
+                                placeholder={t('newPlotPointPlaceholder')}
+                            />
+                        </div>
+                        <InputField
+                            input={
+                                <SelectBox
+                                    defaultValue={``}
+                                    onChangeCallBack={(e) => setSelectedIncidentId(e.target.value)}
+                                    data={getIncidentData()}
+                                />
+                            }
+                            addButtonCallBack={(): Promise<void> => onAddPlotPoint(actId)}
+                            isAddButtonDisabled={newPlotPointTitle.trim() === ''}
+                        />
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+}
diff --git a/components/book/settings/world/WorldElement.tsx b/components/book/settings/world/WorldElement.tsx
new file mode 100644
index 0000000..bf4f0ed
--- /dev/null
+++ b/components/book/settings/world/WorldElement.tsx
@@ -0,0 +1,132 @@
+'use client';
+
+import {ChangeEvent, useContext, useState} from "react";
+import {WorldContext} from "@/context/WorldContext";
+import TextInput from "@/components/form/TextInput";
+import TexteAreaInput from "@/components/form/TexteAreaInput";
+import {WorldElement, WorldProps} from "@/lib/models/World";
+import {AlertContext} from "@/context/AlertContext";
+import {SessionContext} from "@/context/SessionContext";
+import System from "@/lib/models/System";
+import InputField from "@/components/form/InputField";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+
+interface WorldElementInputProps {
+    sectionLabel: string;
+    sectionType: string;
+}
+
+export default function WorldElementComponent({sectionLabel, sectionType}: WorldElementInputProps) {
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext);
+    const {worlds, setWorlds, selectedWorldIndex} = useContext(WorldContext);
+    const {errorMessage, successMessage} = useContext(AlertContext);
+    const {session} = useContext(SessionContext);
+    
+    const [newElementName, setNewElementName] = useState<string>('');
+    
+    async function handleRemoveElement(
+        section: keyof WorldProps,
+        index: number,
+    ): Promise<void> {
+        try {
+            const response: boolean = await System.authDeleteToServer<boolean>('book/world/element/delete', {
+                elementId: (worlds[selectedWorldIndex][section] as WorldElement[])[index].id,
+            }, session.accessToken, lang);
+            if (!response) {
+                errorMessage(t("worldSetting.unknownError"))
+            }
+            const updatedWorlds: WorldProps[] = [...worlds];
+            (updatedWorlds[selectedWorldIndex][section] as WorldElement[]).splice(
+                index,
+                1,
+            );
+            setWorlds(updatedWorlds);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.toString());
+            } else {
+                errorMessage(t("worldElementComponent.errorUnknown"));
+            }
+        }
+    }
+    
+    async function handleAddElement(section: keyof WorldProps): Promise<void> {
+        if (newElementName.trim() === '') {
+            errorMessage(t("worldElementComponent.emptyField", {section: sectionLabel}));
+            return;
+        }
+        try {
+            const elementId: string = await System.authPostToServer('book/world/element/add', {
+                elementType: section,
+                worldId: worlds[selectedWorldIndex].id,
+                elementName: newElementName,
+            }, session.accessToken, lang);
+            if (!elementId) {
+                errorMessage(t("worldSetting.unknownError"))
+                return;
+            }
+            const updatedWorlds: WorldProps[] = [...worlds];
+            (updatedWorlds[selectedWorldIndex][section] as WorldElement[]).push({
+                id: elementId,
+                name: newElementName,
+                description: '',
+            });
+            setWorlds(updatedWorlds);
+            setNewElementName('');
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("worldElementComponent.errorUnknown"));
+            }
+        }
+    }
+    
+    function handleElementChange(
+        section: keyof WorldProps,
+        index: number,
+        field: keyof WorldElement,
+        value: string,
+    ): void {
+        const updatedWorlds: WorldProps[] = [...worlds];
+        const sectionElements = updatedWorlds[selectedWorldIndex][
+            section
+            ] as WorldElement[];
+        sectionElements[index] = {...sectionElements[index], [field]: value};
+        setWorlds(updatedWorlds);
+    }
+    
+    return (
+        <div className="space-y-4">
+            {Array.isArray(worlds[selectedWorldIndex][sectionType as keyof WorldProps]) &&
+                (worlds[selectedWorldIndex][sectionType as keyof WorldProps] as WorldElement[]).map(
+                    (element: WorldElement, index: number) => (
+                        <div key={element.id}
+                             className="bg-secondary/30 rounded-xl p-4 border-l-4 border-primary shadow-sm hover:shadow-md transition-all duration-200">
+                            <div className="mb-2">
+                                <InputField input={<TextInput
+                                    value={element.name}
+                                    setValue={(e: ChangeEvent<HTMLInputElement>) => handleElementChange(sectionType as keyof WorldProps, index, 'name', e.target.value)}
+                                    placeholder={t("worldElementComponent.namePlaceholder", {section: sectionLabel.toLowerCase()})}
+                                />}
+                                            removeButtonCallBack={(): Promise<void> => handleRemoveElement(sectionType as keyof WorldProps, index)}/>
+                            </div>
+                            <TexteAreaInput
+                                value={element.description}
+                                setValue={(e) => handleElementChange(sectionType as keyof WorldProps, index, 'description', e.target.value)}
+                                placeholder={t("worldElementComponent.descriptionPlaceholder", {section: sectionLabel.toLowerCase()})}
+                            />
+                        </div>
+                    )
+                )
+            }
+            <InputField input={<TextInput
+                value={newElementName}
+                setValue={(e: ChangeEvent<HTMLInputElement>): void => setNewElementName(e.target.value)}
+                placeholder={t("worldElementComponent.newPlaceholder", {section: sectionLabel.toLowerCase()})}
+            />} addButtonCallBack={(): Promise<void> => handleAddElement(sectionType as keyof WorldProps)}/>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/book/settings/world/WorldSetting.tsx b/components/book/settings/world/WorldSetting.tsx
new file mode 100644
index 0000000..93dc2ff
--- /dev/null
+++ b/components/book/settings/world/WorldSetting.tsx
@@ -0,0 +1,309 @@
+'use client'
+import React, {ChangeEvent, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faPlus, IconDefinition} from "@fortawesome/free-solid-svg-icons";
+import {WorldContext} from '@/context/WorldContext';
+import {BookContext} from "@/context/BookContext";
+import {AlertContext} from "@/context/AlertContext";
+import {SelectBoxProps} from "@/shared/interface";
+import System from "@/lib/models/System";
+import {elementSections, WorldProps} from "@/lib/models/World";
+import {SessionContext} from "@/context/SessionContext";
+import InputField from "@/components/form/InputField";
+import TextInput from '@/components/form/TextInput';
+import TexteAreaInput from "@/components/form/TexteAreaInput";
+import WorldElementComponent from './WorldElement';
+import SelectBox from "@/components/form/SelectBox";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+
+export interface ElementSection {
+    title: string;
+    section: keyof WorldProps;
+    icon: IconDefinition;
+}
+
+export function WorldSetting(props: any, ref: any) {
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext);
+    const {errorMessage, successMessage} = useContext(AlertContext);
+    const {session} = useContext(SessionContext);
+    const {book} = useContext(BookContext);
+    const bookId: string = book?.bookId ? book.bookId.toString() : '';
+    
+    const [worlds, setWorlds] = useState<WorldProps[]>([]);
+    const [newWorldName, setNewWorldName] = useState<string>('');
+    const [selectedWorldIndex, setSelectedWorldIndex] = useState<number>(0);
+    const [worldsSelector, setWorldsSelector] = useState<SelectBoxProps[]>([]);
+    const [showAddNewWorld, setShowAddNewWorld] = useState<boolean>(false);
+    
+    useImperativeHandle(ref, function () {
+        return {
+            handleSave: handleUpdateWorld,
+        };
+    });
+    
+    useEffect((): void => {
+        getWorlds().then();
+    }, []);
+    
+    async function getWorlds() {
+        try {
+            const response: WorldProps[] = await System.authGetQueryToServer<WorldProps[]>(`book/worlds`, session.accessToken, lang, {
+                bookid: bookId,
+            });
+            if (response) {
+                setWorlds(response);
+                const formattedWorlds: SelectBoxProps[] = response.map(
+                    (world: WorldProps): SelectBoxProps => ({
+                        label: world.name,
+                        value: world.id.toString(),
+                    }),
+                );
+                setWorldsSelector(formattedWorlds);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("worldSetting.unknownError"))
+            }
+        }
+    }
+    
+    async function handleAddNewWorld(): Promise<void> {
+        if (newWorldName.trim() === '') {
+            errorMessage(t("worldSetting.newWorldNameError"));
+            return;
+        }
+        try {
+            const worldId: string = await System.authPostToServer<string>('book/world/add', {
+                worldName: newWorldName,
+                bookId: bookId,
+            }, session.accessToken, lang);
+            if (!worldId) {
+                errorMessage(t("worldSetting.addWorldError"));
+                return;
+            }
+            const newWorldId: string = worldId;
+            const newWorld: WorldProps = {
+                id: newWorldId,
+                name: newWorldName,
+                history: '',
+                politics: '',
+                economy: '',
+                religion: '',
+                languages: '',
+                laws: [],
+                biomes: [],
+                issues: [],
+                customs: [],
+                kingdoms: [],
+                climate: [],
+                resources: [],
+                wildlife: [],
+                arts: [],
+                ethnicGroups: [],
+                socialClasses: [],
+                importantCharacters: [],
+            };
+            setWorlds([...worlds, newWorld]);
+            setWorldsSelector([
+                ...worldsSelector,
+                {label: newWorldName, value: newWorldId.toString()},
+            ]);
+            setNewWorldName('');
+            setShowAddNewWorld(false);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("worldSetting.unknownError"))
+            }
+        }
+    }
+    
+    async function handleUpdateWorld(): Promise<void> {
+        try {
+            const response: boolean = await System.authPutToServer<boolean>('book/world/update', {
+                world: worlds[selectedWorldIndex],
+                bookId: bookId,
+            }, session.accessToken, lang);
+            if (!response) {
+                errorMessage(t("worldSetting.updateWorldError"));
+                return;
+            }
+            successMessage(t("worldSetting.updateWorldSuccess"));
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("worldSetting.unknownError"))
+            }
+        }
+    }
+    
+    function handleInputChange(value: string, field: keyof WorldProps) {
+        const updatedWorlds = [...worlds] as WorldProps[];
+        (updatedWorlds[selectedWorldIndex][field] as string) = value;
+        setWorlds(updatedWorlds);
+    }
+    
+    return (
+        <div className="space-y-6">
+            <div className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-lg">
+                <div className="grid grid-cols-1 gap-4 mb-4">
+                    <InputField
+                        fieldName={t("worldSetting.selectWorld")}
+                        input={
+                            <SelectBox
+                                onChangeCallBack={(e) => {
+                                    const worldId = e.target.value;
+                                    const index = worlds.findIndex(world => world.id.toString() === worldId);
+                                    if (index !== -1) {
+                                        setSelectedWorldIndex(index);
+                                    }
+                                }}
+                                data={worldsSelector.length > 0 ? worldsSelector : [{
+                                    label: t("worldSetting.noWorldAvailable"),
+                                    value: '0'
+                                }]}
+                                defaultValue={worlds[selectedWorldIndex]?.id.toString() || '0'}
+                                placeholder={t("worldSetting.selectWorldPlaceholder")}
+                            />
+                        }
+                        actionIcon={faPlus}
+                        actionLabel={t("worldSetting.addWorldLabel")}
+                        action={async () => setShowAddNewWorld(!showAddNewWorld)}
+                    />
+                    
+                    {showAddNewWorld && (
+                        <InputField
+                            input={
+                                <TextInput
+                                    value={newWorldName}
+                                    setValue={(e: ChangeEvent<HTMLInputElement>) => setNewWorldName(e.target.value)}
+                                    placeholder={t("worldSetting.newWorldPlaceholder")}
+                                />
+                            }
+                            actionIcon={faPlus}
+                            actionLabel={t("worldSetting.createWorldLabel")}
+                            addButtonCallBack={handleAddNewWorld}
+                        />
+                    )}
+                </div>
+            </div>
+            
+            {worlds.length > 0 && worlds[selectedWorldIndex] ? (
+                <WorldContext.Provider value={{worlds, setWorlds, selectedWorldIndex}}>
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-lg">
+                        <div className="mb-4">
+                            <InputField
+                                fieldName={t("worldSetting.worldName")}
+                                input={
+                                    <TextInput
+                                        value={worlds[selectedWorldIndex].name}
+                                        setValue={(e: ChangeEvent<HTMLInputElement>) => {
+                                            const updatedWorlds: WorldProps[] = [...worlds];
+                                            updatedWorlds[selectedWorldIndex].name = e.target.value
+                                            setWorlds(updatedWorlds);
+                                        }}
+                                        placeholder={t("worldSetting.worldNamePlaceholder")}
+                                    />
+                                }
+                            />
+                        </div>
+                        <InputField
+                            fieldName={t("worldSetting.worldHistory")}
+                            input={
+                                <TexteAreaInput
+                                    value={worlds[selectedWorldIndex].history || ''}
+                                    setValue={(e) => handleInputChange(e.target.value, 'history')}
+                                    placeholder={t("worldSetting.worldHistoryPlaceholder")}
+                                />
+                            }
+                        />
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl shadow-lg p-4 border border-secondary/50">
+                        <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                            <InputField
+                                fieldName={t("worldSetting.politics")}
+                                input={
+                                    <TexteAreaInput
+                                        value={worlds[selectedWorldIndex].politics || ''}
+                                        setValue={(e) => handleInputChange(e.target.value, 'politics')}
+                                        placeholder={t("worldSetting.politicsPlaceholder")}
+                                    />
+                                }
+                            />
+                            <InputField
+                                fieldName={t("worldSetting.economy")}
+                                input={
+                                    <TexteAreaInput
+                                        value={worlds[selectedWorldIndex].economy || ''}
+                                        setValue={(e) => handleInputChange(e.target.value, 'economy')}
+                                        placeholder={t("worldSetting.economyPlaceholder")}
+                                    />
+                                }
+                            />
+                        </div>
+                    </div>
+                    
+                    <div
+                        className="bg-tertiary/90 backdrop-blur-sm rounded-xl shadow-lg p-4 border border-secondary/50">
+                        <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                            <InputField
+                                fieldName={t("worldSetting.religion")}
+                                input={
+                                    <TexteAreaInput
+                                        value={worlds[selectedWorldIndex].religion || ''}
+                                        setValue={(e) => handleInputChange(e.target.value, 'religion')}
+                                        placeholder={t("worldSetting.religionPlaceholder")}
+                                    />
+                                }
+                            />
+                            <InputField
+                                fieldName={t("worldSetting.languages")}
+                                input={
+                                    <TexteAreaInput
+                                        value={worlds[selectedWorldIndex].languages || ''}
+                                        setValue={(e) => handleInputChange(e.target.value, 'languages')}
+                                        placeholder={t("worldSetting.languagesPlaceholder")}
+                                    />
+                                }
+                            />
+                        </div>
+                    </div>
+                    
+                    {elementSections.map((section, index) => (
+                        <div key={index}
+                             className="bg-tertiary/90 backdrop-blur-sm rounded-xl shadow-lg p-4 border border-secondary/50">
+                            <h3 className="text-lg font-semibold text-text-primary mb-4 flex items-center">
+                                <FontAwesomeIcon icon={section.icon} className="mr-2 w-5 h-5"/>
+                                {section.title}
+                                <span
+                                    className="ml-2 text-sm bg-dark-background text-text-secondary py-0.5 px-2 rounded-full">
+                                    {worlds[selectedWorldIndex][section.section]?.length || 0}
+                                </span>
+                            </h3>
+                            <WorldElementComponent
+                                sectionLabel={section.title}
+                                sectionType={section.section}
+                            />
+                        </div>
+                    ))}
+                </WorldContext.Provider>
+            ) : (
+                <div
+                    className="bg-tertiary/90 backdrop-blur-sm rounded-xl shadow-lg p-8 border border-secondary/50 text-center">
+                    <p className="text-text-secondary mb-4">{t("worldSetting.noWorldAvailable")}</p>
+                </div>
+            )}
+        </div>
+    );
+}
+
+export default forwardRef(WorldSetting);
\ No newline at end of file
diff --git a/components/editor/DraftCompanion.tsx b/components/editor/DraftCompanion.tsx
new file mode 100644
index 0000000..52b7f2a
--- /dev/null
+++ b/components/editor/DraftCompanion.tsx
@@ -0,0 +1,574 @@
+import React, {ChangeEvent, useContext, useEffect, useState} from "react";
+import {Editor, EditorContent, useEditor} from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import Underline from "@tiptap/extension-underline";
+import TextAlign from "@tiptap/extension-text-align";
+import System from "@/lib/models/System";
+import {ChapterContext} from "@/context/ChapterContext";
+import {BookContext} from "@/context/BookContext";
+import {SelectBoxProps} from "@/shared/interface";
+import {AlertContext} from "@/context/AlertContext";
+import {SessionContext} from "@/context/SessionContext";
+import {
+    faCubes,
+    faFeather,
+    faGlobe,
+    faMagicWandSparkles,
+    faMapPin,
+    faPalette,
+    faUser
+} from "@fortawesome/free-solid-svg-icons";
+import SubmitButtonWLoading from "@/components/form/SubmitButtonWLoading";
+import QSTextGeneratedPreview from "@/components/QSTextGeneratedPreview";
+import {EditorContext} from "@/context/EditorContext";
+import {useTranslations} from "next-intl";
+import QuillSense from "@/lib/models/QuillSense";
+import TextInput from "@/components/form/TextInput";
+import InputField from "@/components/form/InputField";
+import TexteAreaInput from "@/components/form/TexteAreaInput";
+import SuggestFieldInput from "@/components/form/SuggestFieldInput";
+import Collapse from "@/components/Collapse";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import {BookTags} from "@/lib/models/Book";
+import {AIUsageContext, AIUsageContextProps} from "@/context/AIUsageContext";
+import {configs} from "@/lib/configs";
+
+interface CompanionContent {
+    version: number;
+    content: string;
+    wordsCount: number;
+}
+
+export default function DraftCompanion() {
+    const t = useTranslations();
+    const {setTotalPrice, setTotalCredits} = useContext<AIUsageContextProps>(AIUsageContext)
+    const {lang} = useContext<LangContextProps>(LangContext)
+
+    const mainEditor: Editor | null = useEditor({
+        extensions: [
+            StarterKit,
+            Underline,
+            TextAlign.configure({
+                types: ['heading', 'paragraph'],
+            }),
+        ],
+        injectCSS: false,
+        editable: false,
+        immediatelyRender: false,
+    });
+    const {editor} = useContext(EditorContext);
+    const {chapter} = useContext(ChapterContext);
+    const {book} = useContext(BookContext);
+    const {session} = useContext(SessionContext);
+    const {errorMessage, infoMessage} = useContext(AlertContext);
+
+    const [draftVersion, setDraftVersion] = useState<number>(0);
+    const [draftWordCount, setDraftWordCount] = useState<number>(0);
+    const [refinedText, setRefinedText] = useState<string>('');
+    const [isRefining, setIsRefining] = useState<boolean>(false);
+    const [showRefinedText, setShowRefinedText] = useState<boolean>(false);
+    const [showEnhancer, setShowEnhancer] = useState<boolean>(false);
+    const [abortController, setAbortController] = useState<ReadableStreamDefaultReader<Uint8Array> | null>(null);
+    
+    const [toneAtmosphere, setToneAtmosphere] = useState<string>('');
+    const [specifications, setSpecifications] = useState<string>('');
+    
+    const [characters, setCharacters] = useState<SelectBoxProps[]>([]);
+    const [locations, setLocations] = useState<SelectBoxProps[]>([]);
+    const [objects, setObjects] = useState<SelectBoxProps[]>([]);
+    const [worldElements, setWorldElements] = useState<SelectBoxProps[]>([]);
+    
+    const [taguedCharacters, setTaguedCharacters] = useState<string[]>([]);
+    const [taguedLocations, setTaguedLocations] = useState<string[]>([]);
+    const [taguedObjects, setTaguedObjects] = useState<string[]>([]);
+    const [taguedWorldElements, setTaguedWorldElements] = useState<string[]>([]);
+    
+    const [searchCharacters, setSearchCharacters] = useState<string>('');
+    const [searchLocations, setSearchLocations] = useState<string>('');
+    const [searchObjects, setSearchObjects] = useState<string>('');
+    const [searchWorldElements, setSearchWorldElements] = useState<string>('');
+    
+    const [showCharacterSuggestions, setShowCharacterSuggestions] = useState<boolean>(false);
+    const [showLocationSuggestions, setShowLocationSuggestions] = useState<boolean>(false);
+    const [showObjectSuggestions, setShowObjectSuggestions] = useState<boolean>(false);
+    const [showWorldElementSuggestions, setShowWorldElementSuggestions] = useState<boolean>(false);
+    
+    const isGPTEnabled: boolean = QuillSense.isOpenAIEnabled(session);
+    const isSubTierTree: boolean = QuillSense.getSubLevel(session) === 3;
+    const hasAccess: boolean = isGPTEnabled || isSubTierTree;
+    
+    useEffect((): void => {
+        getDraftContent().then();
+        if (showEnhancer) {
+            fetchTags().then();
+        }
+    }, [mainEditor, chapter, showEnhancer]);
+    
+    async function getDraftContent(): Promise<void> {
+        try {
+            const response: CompanionContent = await System.authGetQueryToServer<CompanionContent>(`chapter/content/companion`, session.accessToken, lang, {
+                bookid: book?.bookId,
+                chapterid: chapter?.chapterId,
+                version: chapter?.chapterContent.version,
+            });
+            if (response && mainEditor) {
+                mainEditor.commands.setContent(JSON.parse(response.content));
+                setDraftVersion(response.version);
+                setDraftWordCount(response.wordsCount);
+            } else if (response && response.content.length === 0 && mainEditor) {
+                mainEditor.commands.setContent({
+                    "type": "doc",
+                    "content": [
+                        {
+                            "type": "heading",
+                            "attrs": {
+                                "level": 1
+                            },
+                            "content": [
+                                {
+                                    "type": "text",
+                                    "text": t("draftCompanion.noPreviousVersion")
+                                }
+                            ]
+                        }
+                    ]
+                });
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("draftCompanion.unknownError"));
+            }
+        }
+    }
+    
+    async function fetchTags(): Promise<void> {
+        try {
+            const responseTags: BookTags = await System.authGetQueryToServer<BookTags>(`book/tags`, session.accessToken, lang, {
+                bookId: book?.bookId
+            });
+            if (responseTags) {
+                setCharacters(responseTags.characters);
+                setLocations(responseTags.locations);
+                setObjects(responseTags.objects);
+                setWorldElements(responseTags.worldElements);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("draftCompanion.unknownError"));
+            }
+        }
+    }
+    
+    async function handleStopRefining(): Promise<void> {
+        if (abortController) {
+            await abortController.cancel();
+            setAbortController(null);
+            infoMessage(t("draftCompanion.abortSuccess"));
+        }
+    }
+
+    async function handleQuillSenseRefined(): Promise<void> {
+        if (chapter && session?.accessToken) {
+            setIsRefining(true);
+            setShowRefinedText(false);
+            setRefinedText('');
+
+            try {
+                const response: Response = await fetch(`${configs.apiUrl}quillsense/refine`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'Authorization': `Bearer ${session.accessToken}`,
+                    },
+                    body: JSON.stringify({
+                        chapterId: chapter?.chapterId,
+                        bookId: book?.bookId,
+                        toneAndAtmosphere: toneAtmosphere,
+                        advancedPrompt: specifications,
+                        tags: {
+                            characters: taguedCharacters,
+                            locations: taguedLocations,
+                            objects: taguedObjects,
+                            worldElements: taguedWorldElements,
+                        }
+                    }),
+                });
+                
+                if (!response.ok) {
+                    const error: { message?: string } = await response.json();
+                    errorMessage(error.message || t('draftCompanion.errorRefineDraft'));
+                    setIsRefining(false);
+                    return;
+                }
+                
+                const reader: ReadableStreamDefaultReader<Uint8Array> | undefined = response.body?.getReader();
+                const decoder: TextDecoder = new TextDecoder();
+                let accumulatedText: string = '';
+                
+                if (!reader) {
+                    errorMessage(t('draftCompanion.errorRefineDraft'));
+                    setIsRefining(false);
+                    return;
+                }
+                
+                setAbortController(reader);
+                
+                while (true) {
+                    try {
+                        const {done, value}: ReadableStreamReadResult<Uint8Array> = await reader.read();
+                        
+                        if (done) break;
+                        
+                        const chunk: string = decoder.decode(value, {stream: true});
+                        const lines: string[] = chunk.split('\n');
+                        
+                        for (const line of lines) {
+                            if (line.startsWith('data: ')) {
+                                try {
+                                    const dataStr: string = line.slice(6);
+                                    const data: {
+                                        content?: string;
+                                        totalCost?: number;
+                                        totalPrice?: number;
+                                        useYourKey?: boolean;
+                                        aborted?: boolean;
+                                    } = JSON.parse(dataStr);
+
+                                    // Si c'est le message final avec les totaux
+                                    if ('totalCost' in data && 'useYourKey' in data && 'totalPrice' in data) {
+                                        console.log(data);
+                                        if (data.useYourKey) {
+                                            setTotalPrice((prev: number): number => prev + data.totalPrice!);
+                                        } else {
+                                            setTotalCredits(data.totalPrice!);
+                                        }
+                                    } else if ('content' in data && data.content && data.content !== 'starting') {
+                                        accumulatedText += data.content;
+                                        setRefinedText(accumulatedText);
+                                    }
+                                } catch (e: unknown) {
+                                    console.error('Error parsing SSE data:', e);
+                                }
+                            }
+                        }
+                    } catch (e: unknown) {
+                        break;
+                    }
+                }
+                
+                setIsRefining(false);
+                setShowRefinedText(true);
+                setAbortController(null);
+            } catch (e: unknown) {
+                setIsRefining(false);
+                setAbortController(null);
+                if (e instanceof Error) {
+                    errorMessage(e.message);
+                } else {
+                    errorMessage(t('draftCompanion.unknownErrorRefineDraft'));
+                }
+            }
+        }
+    }
+    
+    function insertText(): void {
+        if (editor && refinedText) {
+            editor.commands.focus('end');
+            if (editor.getText().length > 0) {
+                editor.commands.insertContent('\n\n');
+            }
+            editor.commands.insertContent(System.textContentToHtml(refinedText));
+            setShowRefinedText(false);
+        }
+    }
+    
+    function filteredCharacters(): SelectBoxProps[] {
+        if (searchCharacters.trim().length === 0) return [];
+        return characters
+            .filter((item: SelectBoxProps): boolean => item.label.toLowerCase().includes(searchCharacters.toLowerCase()) && !taguedCharacters.includes(item.value))
+            .slice(0, 3);
+    }
+    
+    function filteredLocations(): SelectBoxProps[] {
+        if (searchLocations.trim().length === 0) return [];
+        return locations
+            .filter((item: SelectBoxProps): boolean => item.label.toLowerCase().includes(searchLocations.toLowerCase()) && !taguedLocations.includes(item.value))
+            .slice(0, 3);
+    }
+    
+    function filteredObjects(): SelectBoxProps[] {
+        if (searchObjects.trim().length === 0) return [];
+        return objects
+            .filter((item: SelectBoxProps): boolean => item.label.toLowerCase().includes(searchObjects.toLowerCase()) && !taguedObjects.includes(item.value))
+            .slice(0, 3);
+    }
+    
+    function filteredWorldElements(): SelectBoxProps[] {
+        if (searchWorldElements.trim().length === 0) return [];
+        return worldElements
+            .filter((item: SelectBoxProps): boolean => item.label.toLowerCase().includes(searchWorldElements.toLowerCase()) && !taguedWorldElements.includes(item.value))
+            .slice(0, 3);
+    }
+    
+    function handleAddCharacter(value: string): void {
+        if (!taguedCharacters.includes(value)) {
+            const newCharacters: string[] = [...taguedCharacters, value];
+            setTaguedCharacters(newCharacters);
+        }
+        setSearchCharacters('');
+        setShowCharacterSuggestions(false);
+    }
+    
+    function handleAddLocation(value: string): void {
+        if (!taguedLocations.includes(value)) {
+            const newLocations: string[] = [...taguedLocations, value];
+            setTaguedLocations(newLocations);
+        }
+        setSearchLocations('');
+        setShowLocationSuggestions(false);
+    }
+    
+    function handleAddObject(value: string): void {
+        if (!taguedObjects.includes(value)) {
+            const newObjects: string[] = [...taguedObjects, value];
+            setTaguedObjects(newObjects);
+        }
+        setSearchObjects('');
+        setShowObjectSuggestions(false);
+    }
+    
+    function handleAddWorldElement(value: string): void {
+        if (!taguedWorldElements.includes(value)) {
+            const newWorldElements: string[] = [...taguedWorldElements, value];
+            setTaguedWorldElements(newWorldElements);
+        }
+        setSearchWorldElements('');
+        setShowWorldElementSuggestions(false);
+    }
+    
+    function handleRemoveCharacter(value: string): void {
+        setTaguedCharacters(taguedCharacters.filter((tag: string): boolean => tag !== value));
+    }
+    
+    function handleRemoveLocation(value: string): void {
+        setTaguedLocations(taguedLocations.filter((tag: string): boolean => tag !== value));
+    }
+    
+    function handleRemoveObject(value: string): void {
+        setTaguedObjects(taguedObjects.filter((tag: string): boolean => tag !== value));
+    }
+    
+    function handleRemoveWorldElement(value: string): void {
+        setTaguedWorldElements(taguedWorldElements.filter((tag: string): boolean => tag !== value));
+    }
+    
+    function handleCharacterSearch(text: string): void {
+        setSearchCharacters(text);
+        setShowCharacterSuggestions(text.trim().length > 0);
+    }
+    
+    function handleLocationSearch(text: string): void {
+        setSearchLocations(text);
+        setShowLocationSuggestions(text.trim().length > 0);
+    }
+    
+    function handleObjectSearch(text: string): void {
+        setSearchObjects(text);
+        setShowObjectSuggestions(text.trim().length > 0);
+    }
+    
+    function handleWorldElementSearch(text: string): void {
+        setSearchWorldElements(text);
+        setShowWorldElementSuggestions(text.trim().length > 0);
+    }
+    
+    function getCharacterLabel(value: string): string {
+        const character: SelectBoxProps | undefined = characters.find((item: SelectBoxProps): boolean => item.value === value);
+        return character ? character.label : value;
+    }
+    
+    function getLocationLabel(value: string): string {
+        const location: SelectBoxProps | undefined = locations.find((item: SelectBoxProps): boolean => item.value === value);
+        return location ? location.label : value;
+    }
+    
+    function getObjectLabel(value: string): string {
+        const object: SelectBoxProps | undefined = objects.find((item: SelectBoxProps): boolean => item.value === value);
+        return object ? object.label : value;
+    }
+    
+    function getWorldElementLabel(value: string): string {
+        const element: SelectBoxProps | undefined = worldElements.find((item: SelectBoxProps): boolean => item.value === value);
+        return element ? element.label : value;
+    }
+    
+    if (showEnhancer && hasAccess) {
+        return (
+            <div className="flex flex-col h-full min-h-0 overflow-hidden">
+                <div
+                    className="flex items-center justify-between p-4 bg-secondary/30 backdrop-blur-sm border-b border-secondary/50 flex-shrink-0 shadow-sm">
+                    <h2 className="text-text-primary font-['ADLaM_Display'] text-xl">Amélioration de texte</h2>
+                    <button
+                        onClick={(): void => setShowEnhancer(false)}
+                        className="px-5 py-2.5 bg-secondary/50 hover:bg-secondary text-text-primary rounded-xl transition-all duration-200 hover:scale-105 shadow-md border border-secondary/50 font-medium"
+                    >
+                        Retour
+                    </button>
+                </div>
+                
+                <div className="flex-1 overflow-y-auto p-4 space-y-4 custom-scrollbar">
+                    <Collapse
+                        title="Style d'écriture"
+                        content={
+                            <div className="space-y-4">
+                                <InputField
+                                    icon={faPalette}
+                                    fieldName={t("ghostWriter.toneAtmosphere")}
+                                    input={
+                                        <TextInput
+                                            value={toneAtmosphere}
+                                            setValue={(e: ChangeEvent<HTMLInputElement>) => setToneAtmosphere(e.target.value)}
+                                            placeholder={t("ghostWriter.tonePlaceholder")}
+                                        />
+                                    }
+                                />
+                            </div>
+                        }
+                    />
+                    
+                    <Collapse
+                        title="Tags contextuels"
+                        content={
+                            <div className="space-y-4">
+                                <SuggestFieldInput inputFieldName={`Personnages`}
+                                                   inputFieldIcon={faUser}
+                                                   searchTags={searchCharacters}
+                                                   tagued={taguedCharacters}
+                                                   handleTagSearch={(e) => handleCharacterSearch(e.target.value)}
+                                                   handleAddTag={handleAddCharacter}
+                                                   handleRemoveTag={handleRemoveCharacter}
+                                                   filteredTags={filteredCharacters}
+                                                   showTagSuggestions={showCharacterSuggestions}
+                                                   setShowTagSuggestions={setShowCharacterSuggestions}
+                                                   getTagLabel={getCharacterLabel}
+                                />
+                                
+                                <SuggestFieldInput inputFieldName={`Lieux`}
+                                                   inputFieldIcon={faMapPin}
+                                                   searchTags={searchLocations}
+                                                   tagued={taguedLocations}
+                                                   handleTagSearch={(e) => handleLocationSearch(e.target.value)}
+                                                   handleAddTag={handleAddLocation}
+                                                   handleRemoveTag={handleRemoveLocation}
+                                                   filteredTags={filteredLocations}
+                                                   showTagSuggestions={showLocationSuggestions}
+                                                   setShowTagSuggestions={setShowLocationSuggestions}
+                                                   getTagLabel={getLocationLabel}
+                                />
+                                
+                                <SuggestFieldInput inputFieldName={`Objets`}
+                                                   inputFieldIcon={faCubes}
+                                                   searchTags={searchObjects}
+                                                   tagued={taguedObjects}
+                                                   handleTagSearch={(e) => handleObjectSearch(e.target.value)}
+                                                   handleAddTag={handleAddObject}
+                                                   handleRemoveTag={handleRemoveObject}
+                                                   filteredTags={filteredObjects}
+                                                   showTagSuggestions={showObjectSuggestions}
+                                                   setShowTagSuggestions={setShowObjectSuggestions}
+                                                   getTagLabel={getObjectLabel}
+                                />
+                                
+                                <SuggestFieldInput inputFieldName={`Éléments mondiaux`}
+                                                   inputFieldIcon={faGlobe}
+                                                   searchTags={searchWorldElements}
+                                                   tagued={taguedWorldElements}
+                                                   handleTagSearch={(e) => handleWorldElementSearch(e.target.value)}
+                                                   handleAddTag={handleAddWorldElement}
+                                                   handleRemoveTag={handleRemoveWorldElement}
+                                                   filteredTags={filteredWorldElements}
+                                                   showTagSuggestions={showWorldElementSuggestions}
+                                                   setShowTagSuggestions={setShowWorldElementSuggestions}
+                                                   getTagLabel={getWorldElementLabel}
+                                />
+                            </div>
+                        }
+                    />
+                    
+                    <div className="bg-secondary/20 rounded-xl p-5 shadow-inner border border-secondary/30">
+                        <InputField
+                            icon={faMagicWandSparkles}
+                            fieldName="Spécifications"
+                            input={
+                                <TexteAreaInput
+                                    value={specifications}
+                                    setValue={(e: ChangeEvent<HTMLTextAreaElement>) => setSpecifications(e.target.value)}
+                                    placeholder="Spécifications particulières pour l'amélioration..."
+                                    maxLength={600}
+                                />
+                            }
+                        />
+                    </div>
+                </div>
+                
+                <div
+                    className="p-5 border-t border-secondary/50 bg-secondary/30 backdrop-blur-sm shrink-0 shadow-inner">
+                    <div className="flex justify-center">
+                        <SubmitButtonWLoading
+                            callBackAction={handleQuillSenseRefined}
+                            isLoading={isRefining}
+                            text={t("draftCompanion.refine")}
+                            loadingText={t("draftCompanion.refining")}
+                            icon={faMagicWandSparkles}
+                        />
+                    </div>
+                </div>
+                {(showRefinedText || isRefining) && (
+                    <QSTextGeneratedPreview
+                        onClose={(): void => setShowRefinedText(false)}
+                        onRefresh={handleQuillSenseRefined}
+                        value={refinedText}
+                        onInsert={insertText}
+                        isGenerating={isRefining}
+                        onStop={handleStopRefining}
+                    />
+                )}
+            </div>
+        );
+    }
+    
+    return (
+        <div className="flex flex-col h-full min-h-0 overflow-hidden font-['Lora']">
+            <div
+                className="flex items-center justify-between p-4 bg-secondary/30 backdrop-blur-sm border-b border-secondary/50 flex-shrink-0 font-['ADLaM_Display'] shadow-sm">
+                <div className="mr-4 text-primary-light">
+                    <span>{t("draftCompanion.words")}: </span>
+                    <span className="text-text-primary">{draftWordCount}</span>
+                </div>
+                {
+                    hasAccess && chapter?.chapterContent.version === 3 && (
+                        <div className="flex gap-2">
+                            <SubmitButtonWLoading
+                                callBackAction={(): void => setShowEnhancer(true)}
+                                isLoading={isRefining}
+                                text={t("draftCompanion.refine")}
+                                loadingText={t("draftCompanion.refining")}
+                                icon={faFeather}
+                            />
+                        </div>
+                    )
+                }
+            </div>
+            <div className="flex-1 min-h-0 overflow-auto">
+                <EditorContent
+                    className="w-full h-full tiptap-draft"
+                    editor={mainEditor}
+                />
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/editor/NoBookHome.tsx b/components/editor/NoBookHome.tsx
new file mode 100644
index 0000000..dbd3ae1
--- /dev/null
+++ b/components/editor/NoBookHome.tsx
@@ -0,0 +1,26 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faBookOpen} from "@fortawesome/free-solid-svg-icons";
+import React from "react";
+import {useTranslations} from "next-intl";
+
+export default function NoBookHome() {
+    const t = useTranslations();
+    
+    return (
+        <div className="flex items-center justify-center h-full p-8 text-center">
+            <div
+                className="max-w-md bg-tertiary/90 backdrop-blur-sm p-10 rounded-2xl shadow-2xl border border-secondary/50">
+                <FontAwesomeIcon icon={faBookOpen} className={"text-primary w-20 h-20 mb-6 animate-pulse"}/>
+                <h3 className="text-2xl font-['ADLaM_Display'] text-text-primary mb-4">{t("noBookHome.title")}</h3>
+                <p className="text-muted mb-6 text-lg leading-relaxed">
+                    {t("noBookHome.description")}
+                </p>
+                <div
+                    className="flex items-center justify-center gap-3 text-sm text-muted bg-secondary/30 p-4 rounded-xl border border-secondary/40">
+                    <FontAwesomeIcon icon={faBookOpen} className="text-primary w-5 h-5"/>
+                    <span>{t("noBookHome.hint")}</span>
+                </div>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/editor/ScribeEditor.tsx b/components/editor/ScribeEditor.tsx
new file mode 100644
index 0000000..1201cda
--- /dev/null
+++ b/components/editor/ScribeEditor.tsx
@@ -0,0 +1,33 @@
+import React, {useContext, useState} from "react";
+import {ChapterContext} from "@/context/ChapterContext";
+import {BookContext} from "@/context/BookContext";
+import {SettingBookContext} from "@/context/SettingBookContext";
+import TextEditor from "./TextEditor";
+import BookList from "@/components/book/BookList";
+import BookSettingOption from "@/components/book/settings/BookSettingOption";
+import NoBookHome from "@/components/editor/NoBookHome";
+
+export default function ScribeEditor() {
+    const {chapter} = useContext(ChapterContext);
+    const {book} = useContext(BookContext);
+    
+    const [bookSettingId, setBookSettingId] = useState<string>('');
+
+    return (
+        <SettingBookContext.Provider value={{bookSettingId, setBookSettingId}}>
+            <div className="flex-1 bg-darkest-background">
+                {
+                    chapter ? (
+                        <TextEditor/>
+                    ) : book ? (
+                        <NoBookHome/>
+                    ) : book === null ? (
+                        <BookList/>
+                    ) : bookSettingId && (
+                        <BookSettingOption setting={bookSettingId}/>
+                    )
+                }
+            </div>
+        </SettingBookContext.Provider>
+    );
+}
diff --git a/components/editor/TextEditor.tsx b/components/editor/TextEditor.tsx
new file mode 100644
index 0000000..083958e
--- /dev/null
+++ b/components/editor/TextEditor.tsx
@@ -0,0 +1,516 @@
+'use client'
+import React, {useCallback, useContext, useEffect, useMemo, useRef, useState} from 'react';
+import {EditorContent} from '@tiptap/react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {
+    faAlignCenter,
+    faAlignLeft,
+    faAlignRight,
+    faBold,
+    faCog,
+    faFloppyDisk,
+    faGhost,
+    faHeading,
+    faLayerGroup,
+    faListOl,
+    faListUl,
+    faParagraph,
+    faUnderline
+} from '@fortawesome/free-solid-svg-icons';
+import {EditorContext} from "@/context/EditorContext";
+import {ChapterContext} from '@/context/ChapterContext';
+import System from '@/lib/models/System';
+import {AlertContext} from '@/context/AlertContext';
+import {SessionContext} from "@/context/SessionContext";
+import DraftCompanion from "@/components/editor/DraftCompanion";
+import GhostWriter from "@/components/ghostwriter/GhostWriter";
+import SubmitButtonWLoading from "@/components/form/SubmitButtonWLoading";
+import CollapsableButton from "@/components/CollapsableButton";
+import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
+import UserEditorSettings, {EditorDisplaySettings} from "@/components/editor/UserEditorSetting";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+
+interface ToolbarButton {
+    action: () => void;
+    icon: IconDefinition;
+    isActive: boolean;
+    label?: string;
+}
+
+interface EditorClasses {
+    base: string;
+    h1: string;
+    h2: string;
+    h3: string;
+    container: string;
+    theme: string;
+    paragraph: string;
+    lists: string;
+    listItems: string;
+}
+
+const DEFAULT_EDITOR_SETTINGS: EditorDisplaySettings = {
+    zoomLevel: 3,
+    indent: 30,
+    lineHeight: 1.5,
+    theme: 'sombre',
+    fontFamily: 'lora',
+    maxWidth: 768,
+    focusMode: false
+};
+
+const FONT_SIZE_CLASSES = {
+    1: 'text-sm',
+    2: 'text-base',
+    3: 'text-lg',
+    4: 'text-xl',
+    5: 'text-2xl'
+} as const;
+
+const H1_SIZE_CLASSES = {
+    1: 'text-xl',
+    2: 'text-2xl',
+    3: 'text-3xl',
+    4: 'text-4xl',
+    5: 'text-5xl'
+} as const;
+
+const H2_SIZE_CLASSES = {
+    1: 'text-lg',
+    2: 'text-xl',
+    3: 'text-2xl',
+    4: 'text-3xl',
+    5: 'text-4xl'
+} as const;
+
+const H3_SIZE_CLASSES = {
+    1: 'text-base',
+    2: 'text-lg',
+    3: 'text-xl',
+    4: 'text-2xl',
+    5: 'text-3xl'
+} as const;
+
+const FONT_FAMILY_CLASSES = {
+    'lora': 'Lora',
+    'serif': 'font-serif',
+    'sans-serif': 'font-sans',
+    'monospace': 'font-mono'
+} as const;
+
+const LINE_HEIGHT_CLASSES = {
+    1.2: 'leading-tight',
+    1.5: 'leading-normal',
+    1.75: 'leading-relaxed',
+    2: 'leading-loose'
+} as const;
+
+const MAX_WIDTH_CLASSES = {
+    600: 'max-w-xl',
+    650: 'max-w-2xl',
+    700: 'max-w-3xl',
+    750: 'max-w-4xl',
+    800: 'max-w-5xl',
+    850: 'max-w-6xl',
+    900: 'max-w-7xl',
+    950: 'max-w-full',
+    1000: 'max-w-full',
+    1050: 'max-w-full',
+    1100: 'max-w-full',
+    1150: 'max-w-full',
+    1200: 'max-w-full'
+} as const;
+
+function getClosestKey<T extends Record<number, any>>(value: number, obj: T): keyof T {
+    const keys: number[] = Object.keys(obj).map(Number).sort((a: number, b: number): number => a - b);
+    return keys.reduce((prev: number, curr: number): number =>
+        Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev
+    );
+}
+
+export default function TextEditor() {
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext)
+    const {editor} = useContext(EditorContext);
+    const {chapter} = useContext(ChapterContext);
+    const {errorMessage, successMessage} = useContext(AlertContext);
+    const {session} = useContext(SessionContext);
+    
+    const [mainTimer, setMainTimer] = useState<number>(0);
+    const [showDraftCompanion, setShowDraftCompanion] = useState<boolean>(false);
+    const [showGhostWriter, setShowGhostWriter] = useState<boolean>(false);
+    const [showUserSettings, setShowUserSettings] = useState<boolean>(false);
+    const [isSaving, setIsSaving] = useState<boolean>(false);
+    const [editorSettings, setEditorSettings] = useState<EditorDisplaySettings>(DEFAULT_EDITOR_SETTINGS);
+    const [editorClasses, setEditorClasses] = useState<EditorClasses>({
+        base: 'text-lg font-serif leading-normal',
+        h1: 'text-3xl font-bold',
+        h2: 'text-2xl font-bold',
+        h3: 'text-xl font-bold',
+        container: 'max-w-3xl',
+        theme: 'bg-tertiary/90 backdrop-blur-sm bg-opacity-25 text-text-primary',
+        paragraph: 'indent-6',
+        lists: 'pl-10',
+        listItems: 'text-lg'
+    });
+    
+    const timerRef: React.RefObject<number | null> = useRef<number | null>(null);
+    const timeoutRef: React.RefObject<number | null> = useRef<number | null>(null);
+    
+    const updateEditorClasses: (settings: EditorDisplaySettings) => void = useCallback((settings: EditorDisplaySettings): void => {
+        const fontSizeKey = settings.zoomLevel as keyof typeof FONT_SIZE_CLASSES;
+        const h1SizeKey = settings.zoomLevel as keyof typeof H1_SIZE_CLASSES;
+        const h2SizeKey = settings.zoomLevel as keyof typeof H2_SIZE_CLASSES;
+        const h3SizeKey = settings.zoomLevel as keyof typeof H3_SIZE_CLASSES;
+        const fontFamilyKey = settings.fontFamily as keyof typeof FONT_FAMILY_CLASSES;
+        const lineHeightKey = settings.lineHeight as keyof typeof LINE_HEIGHT_CLASSES;
+        const maxWidthKey: number = getClosestKey(settings.maxWidth, MAX_WIDTH_CLASSES);
+        
+        const indentClass = `indent-${Math.round(settings.indent / 4)}`;
+        
+        const baseClass = `${FONT_SIZE_CLASSES[fontSizeKey]} ${FONT_FAMILY_CLASSES[fontFamilyKey]} ${LINE_HEIGHT_CLASSES[lineHeightKey]}`;
+        const h1Class = `${H1_SIZE_CLASSES[h1SizeKey]} font-bold ${FONT_FAMILY_CLASSES[fontFamilyKey]} ${LINE_HEIGHT_CLASSES[lineHeightKey]}`;
+        const h2Class = `${H2_SIZE_CLASSES[h2SizeKey]} font-bold ${FONT_FAMILY_CLASSES[fontFamilyKey]} ${LINE_HEIGHT_CLASSES[lineHeightKey]}`;
+        const h3Class = `${H3_SIZE_CLASSES[h3SizeKey]} font-bold ${FONT_FAMILY_CLASSES[fontFamilyKey]} ${LINE_HEIGHT_CLASSES[lineHeightKey]}`;
+        const containerClass = MAX_WIDTH_CLASSES[maxWidthKey as keyof typeof MAX_WIDTH_CLASSES];
+        const listsClass = `pl-${Math.round((settings.indent + 20) / 4)}`;
+        
+        let themeClass: string = '';
+        switch (settings.theme) {
+            case 'clair':
+                themeClass = 'bg-white text-black';
+                break;
+            case 'sépia':
+                themeClass = 'text-amber-900';
+                break;
+            default:
+                themeClass = 'bg-tertiary/90 backdrop-blur-sm bg-opacity-25 text-text-primary';
+        }
+        
+        setEditorClasses({
+            base: baseClass,
+            h1: h1Class,
+            h2: h2Class,
+            h3: h3Class,
+            container: containerClass,
+            theme: themeClass,
+            paragraph: indentClass,
+            lists: listsClass,
+            listItems: baseClass
+        });
+    }, []);
+    
+    const containerStyle = useMemo(() => {
+        if (editorSettings.theme === 'sépia') {
+            return {backgroundColor: '#f4f1e8'};
+        }
+        return {};
+    }, [editorSettings.theme]);
+    
+    const toolbarButtons: ToolbarButton[] = (() => {
+        if (!editor) return [];
+
+        return [
+            {
+                action: (): boolean => editor.chain().focus().setParagraph().run(),
+                icon: faParagraph,
+                isActive: editor.isActive('paragraph')
+            },
+            {
+                action: (): boolean => editor.chain().focus().toggleBold().run(),
+                icon: faBold,
+                isActive: editor.isActive('bold')
+            },
+            {
+                action: (): boolean => editor.chain().focus().toggleUnderline().run(),
+                icon: faUnderline,
+                isActive: editor.isActive('underline')
+            },
+            {
+                action: (): boolean => editor.chain().focus().setTextAlign('left').run(),
+                icon: faAlignLeft,
+                isActive: editor.isActive({textAlign: 'left'})
+            },
+            {
+                action: (): boolean => editor.chain().focus().setTextAlign('center').run(),
+                icon: faAlignCenter,
+                isActive: editor.isActive({textAlign: 'center'})
+            },
+            {
+                action: (): boolean => editor.chain().focus().setTextAlign('right').run(),
+                icon: faAlignRight,
+                isActive: editor.isActive({textAlign: 'right'})
+            },
+            {
+                action: (): boolean => editor.chain().focus().toggleBulletList().run(),
+                icon: faListUl,
+                isActive: editor.isActive('bulletList')
+            },
+            {
+                action: (): boolean => editor.chain().focus().toggleOrderedList().run(),
+                icon: faListOl,
+                isActive: editor.isActive('orderedList')
+            },
+            {
+                action: (): boolean => editor.chain().focus().toggleHeading({level: 1}).run(),
+                icon: faHeading,
+                isActive: editor.isActive('heading', {level: 1}),
+                label: '1'
+            },
+            {
+                action: (): boolean => editor.chain().focus().toggleHeading({level: 2}).run(),
+                icon: faHeading,
+                isActive: editor.isActive('heading', {level: 2}),
+                label: '2'
+            },
+            {
+                action: (): boolean => editor.chain().focus().toggleHeading({level: 3}).run(),
+                icon: faHeading,
+                isActive: editor.isActive('heading', {level: 3}),
+                label: '3'
+            },
+        ];
+    })();
+    
+    const saveContent: () => Promise<void> = useCallback(async (): Promise<void> => {
+        if (!editor || !chapter) return;
+        
+        setIsSaving(true);
+        const content = editor.state.doc.toJSON();
+        const chapterId: string = chapter.chapterId || '';
+        const version: number = chapter.chapterContent.version || 0;
+        
+        try {
+            const response: boolean = await System.authPostToServer<boolean>(`chapter/content`, {
+                chapterId,
+                version,
+                content,
+                totalWordCount: editor.getText().length,
+                currentTime: mainTimer
+            }, session?.accessToken ?? '');
+            if (!response) {
+                errorMessage(t('editor.error.savedFailed'));
+                setIsSaving(false);
+                return;
+            }
+            setMainTimer(0);
+            successMessage(t('editor.success.saved'));
+            setIsSaving(false);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('editor.error.unknownError'));
+            }
+            setIsSaving(false);
+        }
+    }, [editor, chapter, mainTimer, session?.accessToken, successMessage, errorMessage]);
+    
+    const handleShowDraftCompanion: () => void = useCallback((): void => {
+        setShowDraftCompanion((prev: boolean): boolean => !prev);
+        setShowGhostWriter(false);
+        setShowUserSettings(false);
+    }, []);
+    
+    const handleShowGhostWriter: () => void = useCallback((): void => {
+        if (chapter?.chapterContent.version === 2) {
+            setShowGhostWriter((prev: boolean): boolean => !prev);
+            setShowDraftCompanion(false);
+            setShowUserSettings(false);
+        }
+    }, [chapter?.chapterContent.version]);
+    
+    const handleShowUserSettings: () => void = useCallback((): void => {
+        setShowUserSettings((prev: boolean): boolean => !prev);
+        setShowDraftCompanion(false);
+        setShowGhostWriter(false);
+    }, []);
+    
+    useEffect((): void => {
+        if (!editor) return;
+        
+        const editorElement: HTMLElement = editor.view.dom;
+        if (editorElement) {
+            const indentClasses: string[] = Array.from({length: 21}, (_, i) => `indent-${i}`);
+            editorElement.classList.remove(...indentClasses);
+            
+            if (editorClasses.paragraph) {
+                editorElement.classList.add(editorClasses.paragraph);
+            }
+        }
+    }, [editor, editorClasses.paragraph]);
+    
+    useEffect((): void => {
+        updateEditorClasses(editorSettings);
+    }, [editorSettings, updateEditorClasses]);
+    
+    useEffect((): () => void => {
+        function startTimer(): void {
+            if (timerRef.current === null) {
+                timerRef.current = window.setInterval(() => {
+                    setMainTimer(prevTimer => prevTimer + 1);
+                }, 1000);
+            }
+        }
+        
+        function stopTimer(): void {
+            if (timerRef.current !== null) {
+                clearInterval(timerRef.current);
+                timerRef.current = null;
+            }
+        }
+        
+        function resetTimeout(): void {
+            if (timeoutRef.current !== null) {
+                clearTimeout(timeoutRef.current);
+            }
+            timeoutRef.current = window.setTimeout(stopTimer, 5000);
+        }
+        
+        function handleKeyDown(): void {
+            startTimer();
+            resetTimeout();
+        }
+        
+        window.addEventListener('keydown', handleKeyDown, {passive: true});
+        
+        return (): void => {
+            window.removeEventListener('keydown', handleKeyDown);
+            if (timerRef.current !== null) {
+                clearInterval(timerRef.current);
+            }
+            if (timeoutRef.current !== null) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    
+    useEffect((): () => void => {
+        document.addEventListener('keydown', handleKeyDown, {passive: false});
+        return (): void => document.removeEventListener('keydown', handleKeyDown);
+    }, [saveContent]);
+    
+    useEffect((): void => {
+        if (!editor) return;
+        if (chapter?.chapterContent.content) {
+            try {
+                const parsedContent = JSON.parse(chapter.chapterContent.content);
+                editor.commands.setContent(parsedContent);
+            } catch (error) {
+                console.error('Erreur lors du parsing du contenu:', error);
+                editor.commands.setContent({
+                    type: "doc",
+                    content: [{type: "paragraph", content: []}]
+                });
+            }
+        } else {
+            editor.commands.setContent({
+                type: "doc",
+                content: [{type: "paragraph", content: []}]
+            });
+        }
+        
+        if (chapter?.chapterContent.version !== 2) {
+            setShowGhostWriter(false);
+        }
+    }, [editor, chapter?.chapterContent.content, chapter?.chapterContent.version]);
+    
+    async function handleKeyDown(event: KeyboardEvent): Promise<void> {
+        if ((event.ctrlKey || event.metaKey) && event.key === 's') {
+            event.preventDefault();
+            await saveContent();
+        }
+    }
+    
+    if (!editor) {
+        return null;
+    }
+    
+    return (
+        <div className="flex flex-col flex-1 w-full h-full">
+            <div
+                className={`flex justify-between gap-3 border-b border-secondary/30 px-4 py-3 bg-gradient-to-b from-dark-background/80 to-dark-background/50 backdrop-blur-sm transition-opacity duration-300 shadow-md ${editorSettings.focusMode ? 'opacity-70 hover:opacity-100' : ''}`}>
+                <div className="flex flex-wrap gap-1">
+                    {toolbarButtons.map((button: ToolbarButton, index: number) => (
+                        <button
+                            key={index}
+                            onClick={button.action}
+                            className={`group flex items-center px-3 py-2 rounded-lg transition-all duration-200 ${button.isActive ? 'bg-primary text-text-primary shadow-md shadow-primary/30 scale-105' : 'text-muted hover:text-text-primary hover:bg-secondary/50 hover:shadow-sm hover:scale-105'}`}
+                        >
+                            <FontAwesomeIcon icon={button.icon}
+                                             className={'w-4 h-4 transition-transform duration-200 group-hover:scale-110'}/>
+                            {
+                                button.label &&
+                                <span className="ml-2 text-sm font-medium">
+                                {t(`textEditor.toolbar.${button.label}`)}
+                            </span>
+                            }
+                        </button>
+                    ))}
+                </div>
+                <div className="flex items-center gap-2">
+                    <CollapsableButton
+                        showCollapsable={showUserSettings}
+                        text={t("textEditor.preferences")}
+                        onClick={handleShowUserSettings}
+                        icon={faCog}
+                    />
+                    {chapter?.chapterContent.version === 2 && (
+                        <CollapsableButton
+                            showCollapsable={showGhostWriter}
+                            text={t("textEditor.ghostWriter")}
+                            onClick={handleShowGhostWriter}
+                            icon={faGhost}
+                        />
+                    )}
+                    {chapter?.chapterContent.version && chapter.chapterContent.version > 2 && (
+                        <CollapsableButton
+                            showCollapsable={showDraftCompanion}
+                            text={t("textEditor.draftCompanion")}
+                            onClick={handleShowDraftCompanion}
+                            icon={faLayerGroup}
+                        />
+                    )}
+                    <SubmitButtonWLoading
+                        callBackAction={saveContent}
+                        isLoading={isSaving}
+                        text={t("textEditor.save")}
+                        loadingText={t("textEditor.saving")}
+                        icon={faFloppyDisk}
+                    />
+                </div>
+            </div>
+
+            <div className="flex justify-between w-full h-full overflow-auto">
+                <div
+                    className={`flex-1 p-8 overflow-auto transition-all duration-300 ${editorSettings.focusMode ? 'bg-black/20' : ''}`}>
+                    <div
+                        className={`editor-container mx-auto p-6 rounded-2xl shadow-2xl min-h-[80%] border border-secondary/50 ${editorClasses.container} ${editorClasses.theme} relative`}
+                        style={containerStyle}>
+                        <div
+                            className="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div>
+                        <div
+                            className="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div>
+                        <EditorContent className={`w-full h-full ${editorClasses.base} editor-content`}
+                                       editor={editor}/>
+                    </div>
+                </div>
+                
+                {(showDraftCompanion || showGhostWriter || showUserSettings) && (
+                    <div
+                        className={`w-4/12 transition-opacity duration-300 ${editorSettings.focusMode ? 'opacity-50 hover:opacity-100' : ''}`}>
+                        {showDraftCompanion && <DraftCompanion/>}
+                        {showGhostWriter && <GhostWriter/>}
+                        {showUserSettings && (
+                            <UserEditorSettings
+                                settings={editorSettings}
+                                onSettingsChange={setEditorSettings}
+                            />
+                        )}
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/editor/UserEditorSetting.tsx b/components/editor/UserEditorSetting.tsx
new file mode 100644
index 0000000..5c31984
--- /dev/null
+++ b/components/editor/UserEditorSetting.tsx
@@ -0,0 +1,240 @@
+'use client'
+import React, {ChangeEvent, useCallback, useEffect, useMemo} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faEye, faFont, faIndent, faPalette, faTextHeight, faTextWidth} from '@fortawesome/free-solid-svg-icons';
+import {useTranslations} from "next-intl";
+import SelectBox from "@/components/form/SelectBox";
+
+interface UserEditorSettingsProps {
+    settings: EditorDisplaySettings;
+    onSettingsChange: (settings: EditorDisplaySettings) => void;
+}
+
+export interface EditorDisplaySettings {
+    zoomLevel: number;
+    indent: number;
+    lineHeight: number;
+    theme: 'clair' | 'sombre' | 'sépia';
+    fontFamily: 'lora' | 'serif' | 'sans-serif' | 'monospace';
+    maxWidth: number;
+    focusMode: boolean;
+}
+
+const ZOOM_LABELS = ['Très petit', 'Petit', 'Normal', 'Grand', 'Très grand'] as const;
+const FONT_SIZES = [14, 16, 18, 20, 22] as const;
+const THEMES = ['clair', 'sombre', 'sépia'] as const;
+
+const DEFAULT_SETTINGS: EditorDisplaySettings = {
+    zoomLevel: 3,
+    indent: 30,
+    lineHeight: 1.5,
+    theme: 'sombre',
+    fontFamily: 'lora',
+    maxWidth: 768,
+    focusMode: false
+};
+
+export default function UserEditorSettings({settings, onSettingsChange}: UserEditorSettingsProps) {
+    const t = useTranslations();
+    
+    const handleSettingChange = useCallback(<K extends keyof EditorDisplaySettings>(
+        key: K,
+        value: EditorDisplaySettings[K]
+    ) => {
+        onSettingsChange({...settings, [key]: value});
+    }, [settings, onSettingsChange]);
+    
+    const resetToDefaults = useCallback(() => {
+        onSettingsChange(DEFAULT_SETTINGS);
+    }, [onSettingsChange]);
+    
+    const zoomOptions = useMemo(() =>
+            ZOOM_LABELS.map((label, index) => ({
+                value: (index + 1).toString(),
+                label: `${t(`userEditorSettings.zoom.${label}`)} (${FONT_SIZES[index]}px)`
+            }))
+        , [t]);
+    
+    const themeButtons = useMemo(() =>
+            THEMES.map(theme => ({
+                key: theme,
+                isActive: settings.theme === theme,
+                className: `p-2.5 rounded-xl border capitalize transition-all duration-200 font-medium ${
+                    settings.theme === theme
+                        ? 'bg-primary text-text-primary border-primary shadow-md scale-105'
+                        : 'bg-secondary/50 border-secondary/50 text-muted hover:text-text-primary hover:border-secondary hover:bg-secondary hover:scale-102'
+                }`
+            }))
+        , [settings.theme]);
+    
+    useEffect((): void => {
+        try {
+            const savedSettings: string | null = localStorage.getItem('userEditorSettings');
+            if (savedSettings) {
+                const parsed = JSON.parse(savedSettings);
+                if (parsed && typeof parsed === 'object') {
+                    onSettingsChange({...DEFAULT_SETTINGS, ...parsed});
+                }
+            }
+        } catch (e: unknown) {
+            onSettingsChange(DEFAULT_SETTINGS);
+        }
+    }, [onSettingsChange]);
+    
+    useEffect((): () => void => {
+        const timeoutId = setTimeout((): void => {
+            try {
+                localStorage.setItem('userEditorSettings', JSON.stringify(settings));
+            } catch (error) {
+                console.error('Erreur lors de la sauvegarde des settings:', error);
+            }
+        }, 100);
+        
+        return (): void => clearTimeout(timeoutId);
+    }, [settings]);
+    
+    return (
+        <div
+            className="p-5 bg-secondary/30 backdrop-blur-sm border-l border-secondary/50 h-full overflow-y-auto shadow-inner">
+            <div className="flex items-center gap-3 mb-8 pb-4 border-b border-secondary/50">
+                <FontAwesomeIcon icon={faEye} className="text-primary w-6 h-6"/>
+                <h3 className="text-xl font-['ADLaM_Display'] text-text-primary">{t("userEditorSettings.displayPreferences")}</h3>
+            </div>
+            
+            <div className="space-y-6">
+                <div>
+                    <label className="flex items-center gap-2 mb-2 text-text-primary">
+                        <FontAwesomeIcon icon={faTextHeight} className="text-muted w-5 h-5"/>
+                        {t("userEditorSettings.textSize")}
+                    </label>
+                    <SelectBox
+                        defaultValue={settings.zoomLevel.toString()}
+                        onChangeCallBack={(e: ChangeEvent<HTMLSelectElement>) => {
+                            handleSettingChange('zoomLevel', Number(e.target.value))
+                        }}
+                        data={zoomOptions}
+                    />
+                </div>
+                
+                <div>
+                    <label className="flex items-center gap-2 mb-2 text-text-primary">
+                        <FontAwesomeIcon icon={faIndent} className="text-muted w-5 h-5"/>
+                        {t("userEditorSettings.indent")}
+                    </label>
+                    <div className="space-y-2">
+                        <input
+                            type="range"
+                            min={0}
+                            max={50}
+                            step={5}
+                            value={settings.indent}
+                            onChange={(e) => handleSettingChange('indent', Number(e.target.value))}
+                            className="w-full accent-primary"
+                        />
+                        <div className="flex justify-between text-sm text-muted">
+                            <span>{t("userEditorSettings.indentNone")}</span>
+                            <span className="text-text-primary font-medium">{settings.indent}px</span>
+                            <span>{t("userEditorSettings.indentMax")}</span>
+                        </div>
+                    </div>
+                </div>
+                
+                <div>
+                    <label className="flex items-center gap-2 mb-2 text-text-primary">
+                        <FontAwesomeIcon icon={faTextWidth} className="text-muted w-5 h-5"/>
+                        {t("userEditorSettings.lineHeight")}
+                    </label>
+                    <SelectBox
+                        defaultValue={settings.lineHeight.toString()}
+                        onChangeCallBack={(e: ChangeEvent<HTMLSelectElement>) => handleSettingChange('lineHeight', Number(e.target.value))}
+                        data={[
+                            {value: "1.2", label: t("userEditorSettings.lineHeightCompact")},
+                            {value: "1.5", label: t("userEditorSettings.lineHeightNormal")},
+                            {value: "1.75", label: t("userEditorSettings.lineHeightSpaced")},
+                            {value: "2", label: t("userEditorSettings.lineHeightDouble")}
+                        ]}
+                    />
+                </div>
+                
+                <div>
+                    <label className="flex items-center gap-2 mb-2 text-text-primary">
+                        <FontAwesomeIcon icon={faFont} className="text-muted w-5 h-5"/>
+                        {t("userEditorSettings.fontFamily")}
+                    </label>
+                    <SelectBox
+                        defaultValue={settings.fontFamily}
+                        onChangeCallBack={(e: ChangeEvent<HTMLSelectElement>) => handleSettingChange('fontFamily', e.target.value as EditorDisplaySettings['fontFamily'])}
+                        data={[
+                            {value: "lora", label: t("userEditorSettings.fontLora")},
+                            {value: "serif", label: t("userEditorSettings.fontSerif")},
+                            {value: "sans-serif", label: t("userEditorSettings.fontSansSerif")},
+                            {value: "monospace", label: t("userEditorSettings.fontMonospace")}
+                        ]}
+                    />
+                </div>
+                
+                <div>
+                    <label className="flex items-center gap-2 mb-2 text-text-primary">
+                        <FontAwesomeIcon icon={faTextWidth} className="text-muted w-5 h-5"/>
+                        {t("userEditorSettings.maxWidth")}
+                    </label>
+                    <div className="space-y-2">
+                        <input
+                            type="range"
+                            min={600}
+                            max={1200}
+                            step={50}
+                            value={settings.maxWidth}
+                            onChange={(e) => handleSettingChange('maxWidth', Number(e.target.value))}
+                            className="w-full accent-primary"
+                        />
+                        <div className="flex justify-between text-sm text-muted">
+                            <span>{t("userEditorSettings.maxWidthNarrow")}</span>
+                            <span className="text-text-primary font-medium">{settings.maxWidth}px</span>
+                            <span>{t("userEditorSettings.maxWidthWide")}</span>
+                        </div>
+                    </div>
+                </div>
+                
+                <div>
+                    <label className="flex items-center gap-2 mb-2 text-text-primary">
+                        <FontAwesomeIcon icon={faPalette} className="text-muted w-5 h-5"/>
+                        {t("userEditorSettings.theme")}
+                    </label>
+                    <div className="grid grid-cols-3 gap-2">
+                        {themeButtons.map((themeBtn) => (
+                            <button
+                                key={themeBtn.key}
+                                onClick={() => handleSettingChange('theme', themeBtn.key)}
+                                className={themeBtn.className}
+                            >
+                                {t(`userEditorSettings.themeOption.${themeBtn.key}`)}
+                            </button>
+                        ))}
+                    </div>
+                </div>
+                
+                <div>
+                    <label className="flex items-center gap-2 cursor-pointer">
+                        <input
+                            type="checkbox"
+                            checked={settings.focusMode}
+                            onChange={(e) => handleSettingChange('focusMode', e.target.checked)}
+                            className="w-4 h-4 accent-primary"
+                        />
+                        <span className="text-text-primary">{t("userEditorSettings.focusMode")}</span>
+                    </label>
+                </div>
+                
+                <div className="pt-6 border-t border-secondary/50">
+                    <button
+                        onClick={resetToDefaults}
+                        className="w-full py-2.5 bg-secondary/50 border border-secondary/50 rounded-xl text-muted hover:text-text-primary hover:border-secondary hover:bg-secondary transition-all duration-200 hover:scale-105 shadow-sm hover:shadow-md font-medium"
+                    >
+                        {t("userEditorSettings.reset")}
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/form/AddActionButton.tsx b/components/form/AddActionButton.tsx
new file mode 100644
index 0000000..87ce487
--- /dev/null
+++ b/components/form/AddActionButton.tsx
@@ -0,0 +1,20 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faPlus} from "@fortawesome/free-solid-svg-icons";
+import React from "react";
+
+interface AddActionButtonProps {
+    callBackAction: () => Promise<void>;
+}
+
+export default function AddActionButton(
+    {
+        callBackAction
+    }: AddActionButtonProps) {
+    return (
+        <button
+            className={`group p-2 rounded-lg text-muted hover:text-primary hover:bg-primary/10 transition-colors`}
+            onClick={callBackAction}>
+            <FontAwesomeIcon icon={faPlus} className={'w-5 h-5 transition-transform group-hover:rotate-90'}/>
+        </button>
+    )
+}
diff --git a/components/form/CancelButton.tsx b/components/form/CancelButton.tsx
new file mode 100644
index 0000000..42bed3c
--- /dev/null
+++ b/components/form/CancelButton.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+
+interface CancelButtonProps {
+    callBackFunction: () => void;
+    text?: string;
+}
+
+export default function CancelButton(
+    {
+        callBackFunction,
+        text = "Annuler"
+    }: CancelButtonProps) {
+    return (
+        <button
+            onClick={callBackFunction}
+            className="px-5 py-2.5 rounded-lg bg-secondary/50 text-text-primary border border-secondary/50 hover:bg-secondary hover:border-secondary hover:shadow-md transition-all duration-200 hover:scale-105 font-medium"
+        >
+            {text}
+        </button>
+    );
+}
diff --git a/components/form/CheckBox.tsx b/components/form/CheckBox.tsx
new file mode 100644
index 0000000..6d38975
--- /dev/null
+++ b/components/form/CheckBox.tsx
@@ -0,0 +1,53 @@
+import React, {Dispatch, SetStateAction} from "react";
+
+interface CheckBoxProps {
+    isChecked: boolean;
+    setIsChecked: Dispatch<SetStateAction<boolean>>;
+    label: string;
+    description: string;
+    id: string;
+}
+
+export default function CheckBox(
+    {
+        isChecked,
+        setIsChecked,
+        label,
+        description,
+        id,
+    }: CheckBoxProps) {
+    return (
+        <div className="flex items-center group">
+            <div className="relative inline-block w-12 mr-3 align-middle select-none">
+                <input
+                    type="checkbox"
+                    id={id}
+                    checked={isChecked}
+                    onChange={() => setIsChecked(!isChecked)}
+                    className="hidden"
+                />
+                <label htmlFor={id}
+                       className={`block overflow-hidden h-6 rounded-full cursor-pointer transition-all duration-200 border-2 shadow-sm hover:shadow-md ${
+                           isChecked
+                               ? 'bg-primary border-primary shadow-primary/30'
+                               : 'bg-secondary/50 border-secondary hover:bg-secondary'
+                       }`}
+                >
+                    <span
+                        className={`absolute block h-5 w-5 rounded-full bg-white shadow-md transform transition-all duration-200 top-0.5 ${
+                            isChecked ? 'right-0.5 scale-110' : 'left-0.5'
+                        }`}/>
+                </label>
+            </div>
+            <div className="flex-1">
+                <label htmlFor={id}
+                       className="text-text-primary text-sm font-medium cursor-pointer group-hover:text-primary transition-colors">
+                    {label}
+                </label>
+                <p className="text-text-secondary text-xs mt-0.5 hidden md:block">
+                    {description}
+                </p>
+            </div>
+        </div>
+    )
+}
diff --git a/components/form/ConfirmButton.tsx b/components/form/ConfirmButton.tsx
new file mode 100644
index 0000000..b619290
--- /dev/null
+++ b/components/form/ConfirmButton.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+
+type ButtonType = 'alert' | 'danger' | 'informatif' | 'success';
+
+interface ConfirmButtonProps {
+    text: string;
+    callBackFunction?: () => void;
+    buttonType?: ButtonType;
+}
+
+export default function ConfirmButton(
+    {
+        text,
+        callBackFunction,
+        buttonType = 'success'
+    }: ConfirmButtonProps) {
+    function getButtonType(alertType: ButtonType): string {
+        switch (alertType) {
+            case 'alert':
+                return 'bg-warning';
+            case 'danger':
+                return 'bg-error';
+            case 'informatif':
+                return 'bg-info';
+            case 'success':
+            default:
+                return 'bg-success';
+        }
+    }
+
+    const applyType: string = getButtonType(buttonType);
+    return (
+        <button
+            onClick={callBackFunction}
+            className={`rounded-lg ${applyType} px-5 py-2.5 text-white font-semibold shadow-md hover:shadow-lg transition-all duration-200 hover:scale-105 focus:outline-none focus:ring-4 focus:ring-primary/20`}
+        >
+            {text}
+        </button>
+    )
+}
diff --git a/components/form/DatePicker.tsx b/components/form/DatePicker.tsx
new file mode 100644
index 0000000..28eca30
--- /dev/null
+++ b/components/form/DatePicker.tsx
@@ -0,0 +1,21 @@
+import React, {ChangeEvent} from "react";
+
+interface DatePickerProps {
+    date: string;
+    setDate: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+
+export default function DatePicker(
+    {
+        setDate,
+        date
+    }: DatePickerProps) {
+    return (
+        <input
+            type="date"
+            value={date}
+            onChange={setDate}
+            className="bg-secondary/50 text-text-primary px-4 py-2.5 rounded-xl border border-secondary/50 focus:border-primary focus:ring-4 focus:ring-primary/20 focus:bg-secondary hover:bg-secondary hover:border-secondary outline-none transition-all duration-200"
+        />
+    )
+}
diff --git a/components/form/InlineAddInput.tsx b/components/form/InlineAddInput.tsx
new file mode 100644
index 0000000..30a0d37
--- /dev/null
+++ b/components/form/InlineAddInput.tsx
@@ -0,0 +1,71 @@
+import React, {ChangeEvent, KeyboardEvent, useRef, useState} from "react";
+import AddActionButton from "@/components/form/AddActionButton";
+
+interface InlineAddInputProps {
+    value: string;
+    setValue: (value: string) => void;
+    numericalValue?: number;
+    setNumericalValue?: (value: number) => void;
+    placeholder: string;
+    onAdd: () => Promise<void>;
+    showNumericalInput?: boolean;
+}
+
+export default function InlineAddInput(
+    {
+        value,
+        setValue,
+        numericalValue,
+        setNumericalValue,
+        placeholder,
+        onAdd,
+        showNumericalInput = false
+    }: InlineAddInputProps) {
+    const [isAdding, setIsAdding] = useState<boolean>(false);
+    const listItemRef = useRef<HTMLLIElement>(null);
+    
+    async function handleAdd(): Promise<void> {
+        await onAdd();
+        setIsAdding(false);
+    }
+    
+    return (
+        <li
+            ref={listItemRef}
+            onBlur={(e: React.FocusEvent<HTMLLIElement, Element>): void => {
+                if (!listItemRef.current?.contains(e.relatedTarget)) {
+                    setIsAdding(false);
+                }
+            }}
+            className="relative flex items-center gap-1 h-[44px] px-3 bg-secondary/30 rounded-xl border-2 border-dashed border-secondary/50 hover:border-primary/60 hover:bg-secondary/50 cursor-pointer transition-colors duration-200"
+        >
+            {showNumericalInput && numericalValue !== undefined && setNumericalValue && (
+                <input
+                    className={`bg-secondary/50 text-primary text-sm px-1.5 py-0.5 rounded border border-secondary/50 transition-all duration-200 !outline-none !ring-0 !shadow-none focus-visible:!outline-none focus-visible:!ring-0 focus-visible:!shadow-none ${isAdding ? 'w-10 opacity-100' : 'w-0 opacity-0 px-0 border-0'}`}
+                    type="number"
+                    value={numericalValue}
+                    onChange={(e: ChangeEvent<HTMLInputElement>) => setNumericalValue(parseInt(e.target.value))}
+                    tabIndex={isAdding ? 0 : -1}
+                />
+            )}
+            <input
+                onFocus={(): void => setIsAdding(true)}
+                onKeyUp={async (e: KeyboardEvent<HTMLInputElement>) => {
+                    if (e.key === 'Enter') {
+                        await handleAdd();
+                    }
+                }}
+                className="flex-1 min-w-0 bg-transparent text-text-primary text-sm px-1 py-0.5 cursor-pointer focus:cursor-text placeholder:text-muted/60 transition-all duration-200 !outline-none !ring-0 !shadow-none focus-visible:!outline-none focus-visible:!ring-0 focus-visible:!shadow-none"
+                type="text"
+                onChange={(e: ChangeEvent<HTMLInputElement>) => setValue(e.target.value)}
+                value={value}
+                placeholder={placeholder}
+            />
+            {isAdding && (
+                <div className="absolute right-1 opacity-100">
+                    <AddActionButton callBackAction={handleAdd}/>
+                </div>
+            )}
+        </li>
+    );
+}
diff --git a/components/form/InputField.tsx b/components/form/InputField.tsx
new file mode 100644
index 0000000..60a198e
--- /dev/null
+++ b/components/form/InputField.tsx
@@ -0,0 +1,92 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import React from "react";
+import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
+import {faPlus, faTrash} from "@fortawesome/free-solid-svg-icons";
+
+interface InputFieldProps {
+    icon?: IconDefinition,
+    fieldName?: string,
+    input: React.ReactNode,
+    addButtonCallBack?: () => Promise<void>
+    removeButtonCallBack?: () => Promise<void>
+    isAddButtonDisabled?: boolean
+    action?: () => Promise<void>
+    actionLabel?: string
+    actionIcon?: IconDefinition
+    hint?: string,
+}
+
+export default function InputField(
+    {
+        fieldName,
+        icon,
+        input,
+        addButtonCallBack,
+        removeButtonCallBack,
+        isAddButtonDisabled,
+        action,
+        actionLabel,
+        actionIcon,
+        hint
+    }: InputFieldProps) {
+    return (
+        <div className={'flex flex-col'}>
+            <div className={'flex justify-between items-center mb-2 lg:mb-3 flex-wrap gap-2'}>
+                {
+                    fieldName && (
+                        <h3 className="text-text-primary text-xl font-[ADLaM Display] font-medium mb-2 flex items-center gap-2">
+                            {
+                                icon && <FontAwesomeIcon icon={icon} className="text-primary w-5 h-5"/>
+                            }
+                            {fieldName}
+                        </h3>
+                    )
+                }
+                {
+                    action && (
+                        <button
+                            onClick={action}
+                            className="flex items-center gap-1.5 px-3 py-1.5 text-xs bg-secondary/50 rounded-lg text-primary hover:bg-secondary hover:shadow-md hover:scale-105 transition-all duration-200 border border-secondary/50 font-medium"
+                        >
+                            {
+                                actionIcon && <FontAwesomeIcon icon={actionIcon} className={'w-3.5 h-3.5'}/>
+                            }
+                            {
+                                actionLabel && <span>{actionLabel}</span>
+                            }
+                        </button>
+                    )
+                }
+                {hint && (
+                    <span
+                        className="text-xs text-muted bg-secondary/30 px-3 py-1.5 rounded-lg border border-secondary/30">
+                        {hint}
+                    </span>
+                )}
+            </div>
+            <div className="flex justify-between items-center gap-2">
+                {input}
+                {
+                    addButtonCallBack && (
+                        <button
+                            className="bg-primary text-text-primary w-9 h-9 rounded-full flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200 hover:bg-primary-dark hover:shadow-lg hover:scale-110 shadow-md"
+                            onClick={addButtonCallBack}
+                            disabled={isAddButtonDisabled}>
+                            <FontAwesomeIcon icon={faPlus} className="w-4 h-4"/>
+                        </button>
+                    )
+                }
+                {
+                    removeButtonCallBack && (
+                        <button
+                            className="bg-error/90 hover:bg-error text-text-primary w-9 h-9 rounded-full flex items-center justify-center transition-all duration-200 hover:shadow-lg hover:scale-110 shadow-md"
+                            onClick={removeButtonCallBack}
+                        >
+                            <FontAwesomeIcon icon={faTrash} className={'w-4 h-4'}/>
+                        </button>
+                    )
+                }
+            </div>
+        </div>
+    )
+}
diff --git a/components/form/NumberInput.tsx b/components/form/NumberInput.tsx
new file mode 100644
index 0000000..2d5c56a
--- /dev/null
+++ b/components/form/NumberInput.tsx
@@ -0,0 +1,44 @@
+import React, {ChangeEvent, Dispatch} from "react";
+
+interface NumberInputProps {
+    value: number;
+    setValue: Dispatch<React.SetStateAction<number>>;
+    placeholder?: string;
+    readOnly?: boolean;
+    disabled?: boolean;
+}
+
+export default function NumberInput(
+    {
+        value,
+        setValue,
+        placeholder,
+        readOnly = false,
+        disabled = false
+    }: NumberInputProps
+) {
+    function handleChange(e: ChangeEvent<HTMLInputElement>) {
+        const newValue: number = parseInt(e.target.value);
+        if (!isNaN(newValue)) {
+            setValue(newValue);
+        }
+    }
+
+    return (
+        <input
+            type="number"
+            value={value}
+            onChange={handleChange}
+            className={`w-full bg-secondary/50 text-text-primary px-4 py-2.5 rounded-xl border border-secondary/50
+                focus:border-primary focus:ring-4 focus:ring-primary/20 focus:bg-secondary
+                hover:bg-secondary hover:border-secondary
+                placeholder:text-muted/60
+                outline-none transition-all duration-200
+                ${disabled ? 'opacity-50 cursor-not-allowed' : ''}
+                ${readOnly ? 'cursor-default' : ''}`}
+            placeholder={placeholder}
+            readOnly={readOnly}
+            disabled={disabled}
+        />
+    )
+}
diff --git a/components/form/RadioBox.tsx b/components/form/RadioBox.tsx
new file mode 100644
index 0000000..18b4895
--- /dev/null
+++ b/components/form/RadioBox.tsx
@@ -0,0 +1,62 @@
+import {storyStates} from "@/lib/models/Story";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faBookOpen, faKeyboard, faMagicWandSparkles, faPalette, faPenNib} from "@fortawesome/free-solid-svg-icons";
+import React, {Dispatch, SetStateAction} from "react";
+
+export interface RadioBoxValue {
+    label: string;
+    value: number;
+}
+
+interface RadioBoxProps {
+    selected: number;
+    setSelected: Dispatch<SetStateAction<number>>;
+    name: string;
+}
+
+export default function RadioBox(
+    {
+        selected,
+        setSelected,
+        name
+    }: RadioBoxProps) {
+    return (
+        <div className="flex flex-wrap gap-2">
+            {storyStates.map((option: RadioBoxValue) => (
+                <div key={option.value} className="flex items-center">
+                    <input
+                        type="radio"
+                        id={option.label}
+                        name={name}
+                        value={option.value}
+                        checked={selected === option.value}
+                        onChange={() => setSelected(option.value)}
+                        className="hidden"
+                    />
+                    <label
+                        htmlFor={option.label}
+                        className={`px-3 lg:px-4 py-2 lg:py-2.5 text-xs lg:text-sm font-medium rounded-xl cursor-pointer transition-all duration-200 flex items-center gap-2 ${
+                            selected === option.value
+                                ? 'bg-primary text-text-primary shadow-lg shadow-primary/30 scale-105 border border-primary-dark'
+                                : 'bg-secondary/50 text-muted hover:bg-secondary hover:text-text-primary hover:scale-105 border border-secondary/50 hover:border-secondary'
+                        }`}
+                    >
+                        <FontAwesomeIcon
+                            icon={
+                                [
+                                    faPenNib,
+                                    faKeyboard,
+                                    faPalette,
+                                    faBookOpen,
+                                    faMagicWandSparkles
+                                ][option.value]
+                            }
+                            className={selected === option.value ? "text-text-primary w-5 h-5" : "text-muted w-5 h-5"}
+                        />
+                        {option.label}
+                    </label>
+                </div>
+            ))}
+        </div>
+    )
+}
diff --git a/components/form/RadioGroup.tsx b/components/form/RadioGroup.tsx
new file mode 100644
index 0000000..e26c6bc
--- /dev/null
+++ b/components/form/RadioGroup.tsx
@@ -0,0 +1,51 @@
+import React from "react";
+
+interface RadioOption {
+    value: string;
+    label: string;
+}
+
+interface RadioGroupProps {
+    name: string;
+    value: string;
+    onChange: (value: string) => void;
+    options: RadioOption[];
+    className?: string;
+}
+
+export default function RadioGroup(
+    {
+        name,
+        value,
+        onChange,
+        options,
+        className = ""
+    }: RadioGroupProps) {
+    return (
+        <div className={`flex flex-wrap gap-3 ${className}`}>
+            {options.map((option: RadioOption) => (
+                <div key={option.value} className="flex items-center">
+                    <input
+                        type="radio"
+                        id={`${name}-${option.value}`}
+                        name={name}
+                        value={option.value}
+                        checked={value === option.value}
+                        onChange={() => onChange(option.value)}
+                        className="hidden"
+                    />
+                    <label
+                        htmlFor={`${name}-${option.value}`}
+                        className={`px-4 py-2 rounded-lg cursor-pointer transition-all duration-200 text-sm font-medium border ${
+                            value === option.value
+                                ? 'bg-primary/20 text-primary border-primary/40 shadow-md'
+                                : 'bg-secondary/30 text-text-primary border-secondary/50 hover:bg-secondary hover:border-secondary hover:scale-105'
+                        }`}
+                    >
+                        {option.label}
+                    </label>
+                </div>
+            ))}
+        </div>
+    );
+}
diff --git a/components/form/SearchInputWithSelect.tsx b/components/form/SearchInputWithSelect.tsx
new file mode 100644
index 0000000..61f3134
--- /dev/null
+++ b/components/form/SearchInputWithSelect.tsx
@@ -0,0 +1,62 @@
+import React, {ChangeEvent} from "react";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
+import {SelectBoxProps} from "@/shared/interface";
+
+interface SearchInputWithSelectProps {
+    selectValue: string;
+    setSelectValue: (value: string) => void;
+    selectOptions: SelectBoxProps[];
+    inputValue: string;
+    setInputValue: (value: string) => void;
+    inputPlaceholder?: string;
+    searchIcon: IconDefinition;
+    onSearch: () => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+
+export default function SearchInputWithSelect(
+    {
+        selectValue,
+        setSelectValue,
+        selectOptions,
+        inputValue,
+        setInputValue,
+        inputPlaceholder,
+        searchIcon,
+        onSearch,
+        onKeyDown
+    }: SearchInputWithSelectProps) {
+    return (
+        <div className="flex items-center space-x-3">
+            <select
+                value={selectValue}
+                onChange={(e: ChangeEvent<HTMLSelectElement>) => setSelectValue(e.target.value)}
+                className="bg-secondary/50 text-text-primary px-4 py-2.5 rounded-xl border border-secondary/50 focus:border-primary focus:ring-4 focus:ring-primary/20 focus:bg-secondary hover:bg-secondary hover:border-secondary outline-none transition-all duration-200 font-medium"
+            >
+                {selectOptions.map((option: SelectBoxProps) => (
+                    <option key={option.value} value={option.value}>
+                        {option.label}
+                    </option>
+                ))}
+            </select>
+            
+            <div className="flex-1 relative">
+                <input
+                    type="text"
+                    value={inputValue}
+                    onChange={(e: ChangeEvent<HTMLInputElement>) => setInputValue(e.target.value)}
+                    placeholder={inputPlaceholder}
+                    className="w-full bg-secondary/50 text-text-primary px-4 py-2.5 rounded-xl border border-secondary/50 focus:border-primary focus:ring-4 focus:ring-primary/20 focus:bg-secondary hover:bg-secondary hover:border-secondary placeholder:text-muted/60 outline-none transition-all duration-200 pr-12"
+                    onKeyDown={onKeyDown}
+                />
+                <button
+                    onClick={onSearch}
+                    className="absolute right-0 top-0 h-full px-4 text-primary hover:text-primary-light hover:scale-110 transition-all duration-200"
+                >
+                    <FontAwesomeIcon icon={searchIcon} className="w-5 h-5"/>
+                </button>
+            </div>
+        </div>
+    );
+}
diff --git a/components/form/SelectBox.tsx b/components/form/SelectBox.tsx
new file mode 100644
index 0000000..8966391
--- /dev/null
+++ b/components/form/SelectBox.tsx
@@ -0,0 +1,43 @@
+import React, {ChangeEvent} from "react";
+import {SelectBoxProps} from "@/shared/interface";
+
+export interface SelectBoxFormProps {
+    onChangeCallBack: (event: ChangeEvent<HTMLSelectElement>) => void,
+    data: SelectBoxProps[],
+    defaultValue: string | null | undefined,
+    placeholder?: string,
+    disabled?: boolean
+}
+
+export default function SelectBox(
+    {
+        onChangeCallBack,
+        data,
+        defaultValue,
+        placeholder,
+        disabled
+    }: SelectBoxFormProps) {
+    return (
+        <select
+            onChange={onChangeCallBack}
+            disabled={disabled}
+            key={defaultValue || 'placeholder'}
+            defaultValue={defaultValue || '0'}
+            className={`w-full text-text-primary bg-secondary/50 hover:bg-secondary px-4 py-2.5 rounded-xl
+                border border-secondary/50
+                focus:border-primary focus:ring-4 focus:ring-primary/20 focus:bg-secondary
+                hover:border-secondary
+                outline-none transition-all duration-200 cursor-pointer
+                ${disabled ? 'opacity-50 cursor-not-allowed' : ''}`}
+        >
+            {placeholder && <option value={'0'}>{placeholder}</option>}
+            {
+                data.map((item: SelectBoxProps) => (
+                    <option key={item.value} value={item.value} className="bg-tertiary text-text-primary">
+                        {item.label}
+                    </option>
+                ))
+            }
+        </select>
+    )
+}
diff --git a/components/form/SubmitButtonWLoading.tsx b/components/form/SubmitButtonWLoading.tsx
new file mode 100644
index 0000000..e7e3f46
--- /dev/null
+++ b/components/form/SubmitButtonWLoading.tsx
@@ -0,0 +1,55 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import React from "react";
+import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
+import {faSpinner} from "@fortawesome/free-solid-svg-icons";
+
+interface SubmitButtonWLoadingProps {
+    callBackAction: () => Promise<void> | void;
+    isLoading: boolean;
+    text: string;
+    loadingText: string;
+    icon?: IconDefinition;
+}
+
+export default function SubmitButtonWLoading(
+    {
+        callBackAction,
+        isLoading,
+        icon,
+        text,
+        loadingText
+    }: SubmitButtonWLoadingProps) {
+    return (
+        <button
+            onClick={callBackAction}
+            disabled={isLoading}
+            className={`group py-2.5 px-5 rounded-lg font-semibold transition-all flex items-center justify-center gap-2 relative overflow-hidden ${
+                isLoading
+                    ? 'bg-secondary cursor-not-allowed opacity-75'
+                    : 'bg-secondary/80 hover:bg-secondary shadow-md hover:shadow-lg hover:shadow-primary/20 hover:scale-105 border border-secondary/50 hover:border-primary/30'
+            }`}
+        >
+            <span
+                className={`flex items-center gap-2 transition-all duration-200 ${isLoading ? 'opacity-0' : 'opacity-100'} text-primary`}>
+                {
+                    icon &&
+                    <FontAwesomeIcon icon={icon} className={'w-4 h-4 transition-transform group-hover:scale-110'}/>
+                }
+                <span className="text-sm">{text}</span>
+            </span>
+            {isLoading && (
+                <div className="absolute inset-0 flex items-center justify-center bg-secondary/50 backdrop-blur-sm">
+                    <FontAwesomeIcon icon={faSpinner} className="w-4 h-4 text-primary animate-spin"/>
+                    <span className="ml-3 text-primary text-sm font-medium">
+                        <span className="hidden sm:inline">
+                            {loadingText}
+                        </span>
+                        <span className="sm:hidden">
+                            {loadingText}
+                        </span>
+                    </span>
+                </div>
+            )}
+        </button>
+    )
+}
diff --git a/components/form/SuggestFieldInput.tsx b/components/form/SuggestFieldInput.tsx
new file mode 100644
index 0000000..b8df968
--- /dev/null
+++ b/components/form/SuggestFieldInput.tsx
@@ -0,0 +1,79 @@
+import {SelectBoxProps} from "@/shared/interface";
+import React, {ChangeEvent, Dispatch, SetStateAction} from "react";
+import InputField from "@/components/form/InputField";
+import TextInput from "@/components/form/TextInput";
+
+interface SuggestFieldInputProps {
+    inputFieldName: string;
+    inputFieldIcon?: any;
+    searchTags: string;
+    tagued: string[];
+    handleTagSearch: (e: ChangeEvent<HTMLInputElement>) => void;
+    handleAddTag: (characterId: string) => void;
+    handleRemoveTag: (characterId: string) => void;
+    filteredTags: () => SelectBoxProps[];
+    showTagSuggestions: boolean;
+    setShowTagSuggestions: Dispatch<SetStateAction<boolean>>;
+    getTagLabel: (id: string) => string;
+}
+
+export default function SuggestFieldInput(
+    {
+        inputFieldName,
+        inputFieldIcon,
+        searchTags,
+        tagued,
+        handleTagSearch,
+        handleAddTag,
+        handleRemoveTag,
+        filteredTags,
+        showTagSuggestions,
+        setShowTagSuggestions,
+        getTagLabel
+    }: SuggestFieldInputProps) {
+    return (
+        <div className="bg-secondary/20 rounded-xl p-5 shadow-inner border border-secondary/30">
+            <InputField fieldName={inputFieldName} icon={inputFieldIcon} input={
+                <div className="w-full mb-3 relative">
+                    <TextInput value={searchTags} setValue={handleTagSearch}
+                               onFocus={() => setShowTagSuggestions(searchTags.trim().length > 0)}
+                               placeholder="Rechercher et ajouter..."/>
+                    {showTagSuggestions && filteredTags().length > 0 && (
+                        <div
+                            className="absolute top-full left-0 right-0 z-10 mt-2 bg-tertiary border border-secondary/50 rounded-xl shadow-2xl max-h-48 overflow-y-auto backdrop-blur-sm">
+                            {filteredTags().map((character: SelectBoxProps) => (
+                                <button
+                                    key={character.value}
+                                    className="w-full text-left px-4 py-2.5 hover:bg-secondary/70 text-text-primary transition-all hover:pl-5 first:rounded-t-xl last:rounded-b-xl font-medium"
+                                    onClick={() => handleAddTag(character.value)}
+                                >
+                                    {character.label}
+                                </button>
+                            ))}
+                        </div>
+                    )}
+                </div>
+            }/>
+            <div className="flex flex-wrap gap-2">
+                {tagued.length === 0 ? (
+                    <p className="text-text-secondary text-sm italic">Aucun élément ajouté</p>
+                ) : (
+                    tagued.map((tag: string) => (
+                        <div
+                            key={tag}
+                            className="group bg-primary/90 text-white rounded-full px-4 py-1.5 text-sm font-medium flex items-center gap-2 shadow-md hover:shadow-lg hover:scale-105 transition-all border border-primary-dark"
+                        >
+                            <span>{getTagLabel(tag)}</span>
+                            <button
+                                onClick={() => handleRemoveTag(tag)}
+                                className="w-5 h-5 flex items-center justify-center rounded-full hover:bg-white/20 transition-all group-hover:scale-110 text-base font-bold"
+                            >
+                                ×
+                            </button>
+                        </div>
+                    ))
+                )}
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/form/TextInput.tsx b/components/form/TextInput.tsx
new file mode 100644
index 0000000..7053b2e
--- /dev/null
+++ b/components/form/TextInput.tsx
@@ -0,0 +1,39 @@
+import React, {ChangeEvent} from "react";
+
+interface TextInputProps {
+    value: string;
+    setValue?: (e: ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    readOnly?: boolean;
+    disabled?: boolean;
+    onFocus?: () => void;
+}
+
+export default function TextInput(
+    {
+        value,
+        setValue,
+        placeholder,
+        readOnly = false,
+        disabled = false,
+        onFocus
+    }: TextInputProps) {
+    return (
+        <input
+            type="text"
+            value={value}
+            onChange={setValue}
+            readOnly={readOnly}
+            disabled={disabled}
+            placeholder={placeholder}
+            onFocus={onFocus}
+            className={`w-full bg-secondary/50 text-text-primary px-4 py-2.5 rounded-xl border border-secondary/50
+                focus:border-primary focus:ring-4 focus:ring-primary/20 focus:bg-secondary
+                hover:bg-secondary hover:border-secondary
+                placeholder:text-muted/60
+                outline-none transition-all duration-200
+                ${disabled ? 'opacity-50 cursor-not-allowed' : ''}
+                ${readOnly ? 'cursor-default' : ''}`}
+        />
+    )
+}
diff --git a/components/form/TexteAreaInput.tsx b/components/form/TexteAreaInput.tsx
new file mode 100644
index 0000000..e82f493
--- /dev/null
+++ b/components/form/TexteAreaInput.tsx
@@ -0,0 +1,117 @@
+import React, {ChangeEvent, useEffect, useState} from "react";
+
+interface TextAreaInputProps {
+    value: string;
+    setValue: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    placeholder: string;
+    maxLength?: number;
+}
+
+export default function TextAreaInput(
+    {
+        value,
+        setValue,
+        placeholder,
+        maxLength
+    }: TextAreaInputProps) {
+    const [prevLength, setPrevLength] = useState(value.length);
+    const [isGrowing, setIsGrowing] = useState(false);
+    
+    useEffect(() => {
+        if (value.length > prevLength) {
+            setIsGrowing(true);
+            setTimeout(() => setIsGrowing(false), 200);
+        }
+        setPrevLength(value.length);
+    }, [value.length, prevLength]);
+    
+    const getProgressPercentage = () => {
+        if (!maxLength) return 0;
+        return Math.min((value.length / maxLength) * 100, 100);
+    };
+    
+    const getStatusStyles = () => {
+        if (!maxLength) return {};
+        const percentage = getProgressPercentage();
+
+        if (percentage >= 100) return {
+            textColor: 'text-error',
+            bgColor: 'bg-error/10',
+            borderColor: 'border-error/30',
+            progressColor: 'bg-error'
+        };
+
+        if (percentage >= 90) return {
+            textColor: 'text-warning',
+            bgColor: 'bg-warning/10',
+            borderColor: 'border-warning/30',
+            progressColor: 'bg-warning'
+        };
+
+        if (percentage >= 75) return {
+            textColor: 'text-warning',
+            bgColor: 'bg-warning/10',
+            borderColor: 'border-warning/30',
+            progressColor: 'bg-warning'
+        };
+
+        return {
+            textColor: 'text-success',
+            bgColor: 'bg-success/10',
+            borderColor: 'border-success/30',
+            progressColor: 'bg-success'
+        };
+    };
+    
+    const styles = getStatusStyles();
+    
+    return (
+        <div className="flex-grow flex-col flex h-full">
+            <textarea
+                value={value}
+                onChange={setValue}
+                placeholder={placeholder}
+                rows={3}
+                className={`w-full flex-grow text-text-primary p-3 lg:p-4 rounded-xl border-2 outline-none resize-none transition-all duration-300 placeholder:text-muted/60 ${
+                    maxLength && value.length >= maxLength
+                        ? 'border-error focus:ring-4 focus:ring-error/20 bg-error/10 hover:bg-error/15'
+                        : 'bg-secondary/50 border-secondary/50 focus:ring-4 focus:ring-primary/20 focus:border-primary focus:bg-secondary hover:bg-secondary hover:border-secondary'
+                }`}
+                style={{height: '100%', minHeight: '200px'}}
+            />
+            
+            {maxLength && (
+                <div className="flex items-center justify-end gap-3 mt-3">
+                    {/* Compteur avec effet de croissance */}
+                    <div className={`flex items-center gap-3 px-4 py-2 rounded-lg border transition-all duration-300 ${
+                        isGrowing ? 'scale-110 shadow-lg' : 'scale-100'
+                    } ${styles.bgColor} ${styles.borderColor}`}>
+                        
+                        {/* Progress bar visible */}
+                        <div className="flex items-center gap-2">
+                            <span className="text-xs text-muted font-medium">Progression</span>
+                            <div className="w-20 h-2 bg-secondary/50 rounded-full overflow-hidden shadow-inner">
+                                <div
+                                    className={`h-full rounded-full transition-all duration-500 ease-out ${styles.progressColor} shadow-md`}
+                                    style={{width: `${getProgressPercentage()}%`}}
+                                ></div>
+                            </div>
+                        </div>
+                        
+                        {/* Compteur de caractères */}
+                        <div className="flex items-center gap-2">
+                            <div className={`text-sm font-semibold transition-all duration-200 ${
+                                isGrowing ? 'scale-125' : 'scale-100'
+                            } ${styles.textColor}`}>
+                                {value.length}
+                                <span className="text-muted mx-1">/</span>
+                                <span className="text-text-secondary">{maxLength}</span>
+                            </div>
+                            <span className="text-xs text-muted font-medium">caractères</span>
+                        </div>
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/ghostwriter/GhostWriter.tsx b/components/ghostwriter/GhostWriter.tsx
new file mode 100644
index 0000000..1f58b81
--- /dev/null
+++ b/components/ghostwriter/GhostWriter.tsx
@@ -0,0 +1,426 @@
+import React, {ChangeEvent, useContext, useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {
+    faBookOpen,
+    faFileImport,
+    faFloppyDisk,
+    faGear,
+    faGhost,
+    faHashtag,
+    faMagicWandSparkles,
+    faPalette,
+    faTags,
+    faX
+} from '@fortawesome/free-solid-svg-icons';
+import {SessionContext} from "@/context/SessionContext";
+import {AlertContext} from "@/context/AlertContext";
+import {EditorContext} from "@/context/EditorContext";
+import System from "@/lib/models/System";
+import {BookContext} from "@/context/BookContext";
+import {ChapterContext} from "@/context/ChapterContext";
+import QSTextGeneratedPreview from "@/components/QSTextGeneratedPreview";
+import TextInput from "@/components/form/TextInput";
+import InputField from "@/components/form/InputField";
+import RadioBox from "@/components/form/RadioBox";
+import TexteAreaInput from "@/components/form/TexteAreaInput";
+import SubmitButtonWLoading from "@/components/form/SubmitButtonWLoading";
+import NumberInput from "@/components/form/NumberInput";
+import PanelHeader from "@/components/PanelHeader";
+import GhostWriterTags from "@/components/ghostwriter/GhostWriterTags";
+import Chapter, {TiptapNode} from "@/lib/models/Chapter";
+import GhostWriterSettings from "@/components/ghostwriter/GhostWriterSettings";
+import {useTranslations} from "next-intl";
+import QuillSense, {AIGeneratedText} from "@/lib/models/QuillSense";
+import {AIUsageContext, AIUsageContextProps} from "@/context/AIUsageContext";
+import {LangContext} from "@/context/LangContext";
+import {configs} from "@/lib/configs";
+
+export default function GhostWriter() {
+    const t = useTranslations();
+    const {lang} = useContext(LangContext)
+    const {session} = useContext(SessionContext);
+    const {errorMessage, successMessage, infoMessage} = useContext(AlertContext);
+    const {editor} = useContext(EditorContext);
+    const {book} = useContext(BookContext);
+    const {chapter} = useContext(ChapterContext);
+    const {setTotalPrice, setTotalCredits} = useContext<AIUsageContextProps>(AIUsageContext);
+    
+    const [minWords, setMinWords] = useState<number>(500);
+    const [maxWords, setMaxWords] = useState<number>(1000);
+    const [toneAtmosphere, setToneAtmosphere] = useState<string>('');
+    const [directive, setDirective] = useState<string>('');
+    const [type, setType] = useState<number>(0);
+    const [isGenerating, setIsGenerating] = useState<boolean>(false);
+    const [textGenerated, setTextGenerated] = useState<string>('');
+    const [isTextGenerated, setIsTextGenerated] = useState<boolean>(false);
+    const [advanceSettings, setAdvanceSettings] = useState<boolean>(false);
+    const [advancedPrompt, setAdvancedPrompt] = useState<string>('');
+    const [showTags, setShowTags] = useState<boolean>(false);
+    const [taguedCharacters, setTaguedCharacters] = useState<string[]>([]);
+    const [taguedLocations, setTaguedLocations] = useState<string[]>([]);
+    const [taguedObjects, setTaguedObjects] = useState<string[]>([]);
+    const [taguedWorldElements, setTaguedWorldElements] = useState<string[]>([]);
+    const [abortController, setAbortController] = useState<ReadableStreamDefaultReader<Uint8Array> | null>(null);
+
+    const isGPTEnabled: boolean = QuillSense.isOpenAIEnabled(session);
+    const isSubTierTree: boolean = QuillSense.getSubLevel(session) === 3;
+    const hasAccess: boolean = isGPTEnabled || isSubTierTree;
+    
+    async function showAdvanceSetting(): Promise<void> {
+        if (advanceSettings) {
+            await handleSaveAdvancedSettings();
+            setAdvanceSettings(false);
+        } else {
+            setAdvanceSettings(true);
+        }
+    }
+    
+    async function handleSaveAdvancedSettings(): Promise<void> {
+        try {
+            if (advancedPrompt.trim() === '') {
+                errorMessage(t('ghostWriter.promptEmpty'));
+                return;
+            }
+            const response: boolean = await System.authPostToServer<boolean>(`quillsense/ghostwriter/advanced-settings`, {
+                bookId: book?.bookId,
+                advancedPrompt: advancedPrompt
+            }, session.accessToken, lang);
+            if (!response) {
+                errorMessage(t('ghostWriter.errorSaveAdvanced'));
+                return;
+            }
+            successMessage(t('ghostWriter.successSaveAdvanced'));
+            setAdvanceSettings(false);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(t('ghostWriter.errorSave'));
+            } else {
+                errorMessage(t('ghostWriter.errorUnknown'));
+            }
+        }
+    }
+    
+    async function handleStopGeneration(): Promise<void> {
+        if (abortController) {
+            await abortController.cancel();
+            setAbortController(null);
+            infoMessage(t("ghostWriter.abortSuccess"));
+        }
+    }
+
+    async function handleGenerateGhostWriter(): Promise<void> {
+        setIsGenerating(true);
+        setIsTextGenerated(false);
+        setTextGenerated('');
+        
+        try {
+            let content: string = '';
+            if (editor?.getText()) {
+                try {
+                    content = editor?.getText();
+                } catch (e: unknown) {
+                    if (e instanceof Error) {
+                        errorMessage(t('ghostWriter.errorRetrieveContent'));
+                    } else {
+                        errorMessage(t('ghostWriter.errorUnknownRetrieveContent'));
+                    }
+                }
+            }
+            
+            const response: Response = await fetch(`${configs.apiUrl}quillsense/ghostwriter/generate`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Authorization': `Bearer ${session.accessToken}`,
+                },
+                body: JSON.stringify({
+                    bookId: book?.bookId,
+                    minWords: minWords,
+                    maxWords: maxWords,
+                    toneAtmosphere: toneAtmosphere,
+                    directive: directive,
+                    positionType: type,
+                    content: content,
+                    tags: {
+                        characters: taguedCharacters,
+                        locations: taguedLocations,
+                        objects: taguedObjects,
+                        worldElements: taguedWorldElements,
+                    },
+                }),
+            });
+            
+            if (!response.ok) {
+                const error: { message?: string } = await response.json();
+                errorMessage(error.message || t('ghostWriter.errorGenerate'));
+                setIsGenerating(false);
+                return;
+            }
+            
+            const reader: ReadableStreamDefaultReader<Uint8Array> | undefined = response.body?.getReader();
+            const decoder: TextDecoder = new TextDecoder();
+            let accumulatedText: string = '';
+            
+            if (!reader) {
+                errorMessage(t('ghostWriter.errorGenerate'));
+                setIsGenerating(false);
+                return;
+            }
+            
+            setAbortController(reader);
+            
+            while (true) {
+                try {
+                    const {done, value}: ReadableStreamReadResult<Uint8Array> = await reader.read();
+                    
+                    if (done) break;
+                    
+                    const chunk: string = decoder.decode(value, {stream: true});
+                    const lines: string[] = chunk.split('\n');
+                    
+                    for (const line of lines) {
+                        if (line.startsWith('data: ')) {
+                            try {
+                                const dataStr: string = line.slice(6);
+                                const data: {
+                                    content?: string;
+                                    totalCost?: number;
+                                    totalPrice?: number;
+                                    useYourKey?: boolean;
+                                    aborted?: boolean;
+                                } = JSON.parse(dataStr);
+
+                                // Si c'est le message final avec les totaux
+                                if ('totalCost' in data && 'useYourKey' in data && 'totalPrice' in data) {
+                                    console.log(data)
+                                    if (data.useYourKey) {
+                                        setTotalPrice((prev: number): number => prev + data.totalPrice!);
+                                    } else {
+                                        setTotalCredits(data.totalPrice!);
+                                    }
+                                } else if ('content' in data && data.content && data.content !== 'starting') {
+                                    accumulatedText += data.content;
+                                    setTextGenerated(accumulatedText);
+                                }
+                            } catch (e: unknown) {
+                                console.error('Error parsing SSE data:', e);
+                            }
+                        }
+                    }
+                } catch (e: unknown) {
+                    break;
+                }
+            }
+
+            setIsGenerating(false);
+            setIsTextGenerated(true);
+            setAbortController(null);
+        } catch (e: unknown) {
+            setIsGenerating(false);
+            setAbortController(null);
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('ghostWriter.errorUnknown'));
+            }
+        }
+    }
+    
+    async function importPrompt(): Promise<void> {
+        try {
+            const response: TiptapNode = await System.authGetQueryToServer<TiptapNode>(
+                `chapter/content`,
+                session.accessToken,
+                lang,
+                {
+                    chapterid: chapter?.chapterId,
+                    version: 1
+                },
+            )
+            if (!response) {
+                errorMessage(t('ghostWriter.noContentFound'));
+                return;
+            }
+            const content: string = System.htmlToText(Chapter.convertTiptapToHTML(response));
+            setDirective(content);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('ghostWriter.errorUnknownImport'));
+            }
+        }
+    }
+    
+    function insertText(): void {
+        if (editor && textGenerated) {
+            editor.commands.focus('end');
+            if (editor.getText().length > 0) {
+                editor.commands.insertContent('\n\n');
+            }
+            editor.commands.insertContent(System.textContentToHtml(textGenerated));
+            setIsTextGenerated(false);
+        }
+    }
+    
+    if (!hasAccess) {
+        return (
+            <div className="flex items-center justify-center h-full">
+                <div
+                    className="bg-tertiary/90 backdrop-blur-sm p-10 rounded-2xl shadow-2xl text-center border border-secondary/50 max-w-md">
+                    <h2 className="text-2xl font-['ADLaM_Display'] text-text-primary mb-4">{t("ghostWriter.title")}</h2>
+                    <p className="text-muted mb-6 text-lg leading-relaxed">{t("ghostWriter.subscriptionRequired")}</p>
+                    <button
+                        onClick={(): string => window.location.href = '/pricing'}
+                        className="px-6 py-3 bg-primary text-text-primary rounded-xl hover:bg-primary-dark transition-all duration-200 hover:scale-105 shadow-md hover:shadow-lg font-semibold"
+                    >
+                        {t("ghostWriter.subscribe")}
+                    </button>
+                </div>
+            </div>
+        );
+    }
+    
+    return (
+        <div className="bg-secondary/20 backdrop-blur-sm flex flex-col h-full overflow-hidden">
+            <PanelHeader
+                title={t("ghostWriter.title")}
+                description={t("ghostWriter.description")}
+                badge="AI"
+                icon={faGhost}
+            />
+            
+            {
+                showTags ? (
+                    <GhostWriterTags taguedCharacters={taguedCharacters} setTaguedCharacters={setTaguedCharacters}
+                                     taguedLocations={taguedLocations} setTaguedLocations={setTaguedLocations}
+                                     taguedObjects={taguedObjects} setTaguedObjects={setTaguedObjects}
+                                     taguedWorldElements={taguedWorldElements}
+                                     setTaguedWorldElements={setTaguedWorldElements}/>
+                ) : !showTags && !advanceSettings ? (
+                    <div className="p-4 lg:p-5 space-y-5 overflow-y-auto flex-grow custom-scrollbar">
+                        <div className="bg-secondary/20 rounded-xl p-5 shadow-inner border border-secondary/30">
+                            <h3 className="text-text-primary text-lg font-medium mb-4 flex items-center gap-2">
+                                <FontAwesomeIcon icon={faHashtag} className="text-primary w-5 h-5"/>
+                                {t("ghostWriter.length")}
+                            </h3>
+                            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                <InputField
+                                    fieldName={t("ghostWriter.minimum")}
+                                    input={
+                                        <NumberInput
+                                            value={minWords}
+                                            setValue={setMinWords}
+                                            placeholder={t("ghostWriter.words")}
+                                        />
+                                    }
+                                />
+                                <InputField
+                                    fieldName={t("ghostWriter.maximum")}
+                                    input={
+                                        <NumberInput
+                                            value={maxWords}
+                                            setValue={setMaxWords}
+                                            placeholder={t("ghostWriter.words")}
+                                        />
+                                    }
+                                />
+                            </div>
+                        </div>
+                        
+                        <div className="bg-secondary/20 rounded-xl p-5 shadow-inner border border-secondary/30">
+                            <div className="mb-1">
+                                <InputField
+                                    icon={faBookOpen}
+                                    fieldName={t("ghostWriter.type")}
+                                    input={<RadioBox selected={type} setSelected={setType} name={'sectionType'}/>}
+                                />
+                            </div>
+                        </div>
+                        
+                        <div className="bg-secondary/20 rounded-xl p-5 shadow-inner border border-secondary/30">
+                            <InputField
+                                icon={faPalette}
+                                fieldName={t("ghostWriter.toneAtmosphere")}
+                                input={
+                                    <TextInput
+                                        value={toneAtmosphere}
+                                        setValue={(e: ChangeEvent<HTMLInputElement>) => setToneAtmosphere(e.target.value)}
+                                        placeholder={t("ghostWriter.tonePlaceholder")}
+                                    />
+                                }
+                            />
+                        </div>
+                        
+                        <div className="bg-secondary/20 rounded-lg p-5 shadow-inner flex-1">
+                            <InputField
+                                icon={faMagicWandSparkles}
+                                fieldName={t("ghostWriter.directive")}
+                                action={importPrompt}
+                                actionIcon={faFileImport}
+                                actionLabel={t("ghostWriter.importPrompt")}
+                                input={
+                                    <TexteAreaInput
+                                        value={directive}
+                                        setValue={(e: ChangeEvent<HTMLTextAreaElement>) => setDirective(e.target.value)}
+                                        placeholder={t("ghostWriter.directivePlaceholder")}
+                                    />
+                                }
+                            />
+                        </div>
+                    </div>
+                ) : advanceSettings && (
+                    <GhostWriterSettings advancedPrompt={advancedPrompt} setAdvancedPrompt={setAdvancedPrompt}/>
+                )
+            }
+            
+            <div className="p-5 border-t border-secondary/50 bg-secondary/30 backdrop-blur-sm shrink-0 shadow-inner">
+                <div className="flex justify-center gap-6">
+                    <button
+                        onClick={showAdvanceSetting}
+                        className="px-6 py-3 rounded-xl font-medium text-base bg-secondary/50 hover:bg-secondary text-primary transition-all duration-200 flex items-center gap-2 shadow-md hover:shadow-lg hover:scale-105 border border-secondary/50"
+                    >
+                        <FontAwesomeIcon icon={advanceSettings ? faFloppyDisk : faGear} className={'w-5 h-5'}/>
+                        <span>{advanceSettings ? t("ghostWriter.save") : t("ghostWriter.advanced")}</span>
+                    </button>
+                    {
+                        advanceSettings && (
+                            <button
+                                onClick={(): void => setAdvanceSettings(false)}
+                                className="px-6 py-3 rounded-xl font-medium text-base bg-secondary/50 hover:bg-secondary text-error transition-all duration-200 flex items-center gap-2 shadow-md hover:shadow-lg hover:scale-105 border border-secondary/50"
+                            >
+                                <FontAwesomeIcon icon={faX} className={'w-5 h-5'}/>
+                                <span>{t("ghostWriter.cancel")}</span>
+                            </button>
+                        )
+                    }
+                    <button
+                        onClick={(): void => setShowTags(!showTags)}
+                        className="px-6 py-3 rounded-xl font-medium text-base bg-secondary/50 hover:bg-secondary text-primary transition-all duration-200 flex items-center gap-2 shadow-md hover:shadow-lg hover:scale-105 border border-secondary/50"
+                    >
+                        <FontAwesomeIcon icon={faTags} className={'w-5 h-5'}/>
+                        <span>{t("ghostWriter.tags.addTagPlaceholder")}</span>
+                    </button>
+
+                    <SubmitButtonWLoading
+                        callBackAction={handleGenerateGhostWriter}
+                        isLoading={isGenerating}
+                        text={t("ghostWriter.generate")}
+                        loadingText={t("ghostWriter.generating")}
+                        icon={faMagicWandSparkles}
+                    />
+                </div>
+            </div>
+            {(isTextGenerated || isGenerating) && (
+                <QSTextGeneratedPreview
+                    onClose={(): void => setIsTextGenerated(false)}
+                    onRefresh={(): Promise<void> => handleGenerateGhostWriter()}
+                    value={textGenerated}
+                    onInsert={insertText}
+                    isGenerating={isGenerating}
+                    onStop={handleStopGeneration}
+                />
+            )}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/ghostwriter/GhostWriterSettings.tsx b/components/ghostwriter/GhostWriterSettings.tsx
new file mode 100644
index 0000000..69e2e64
--- /dev/null
+++ b/components/ghostwriter/GhostWriterSettings.tsx
@@ -0,0 +1,58 @@
+import InputField from "@/components/form/InputField";
+import TexteAreaInput from "@/components/form/TexteAreaInput";
+import React, {ChangeEvent, Dispatch, SetStateAction, useContext, useEffect} from "react";
+import {faGuilded} from "@fortawesome/free-brands-svg-icons";
+import {AlertContext} from "@/context/AlertContext";
+import System from "@/lib/models/System";
+import {SessionContext} from "@/context/SessionContext";
+import {BookContext} from "@/context/BookContext";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import {useTranslations} from "next-intl";
+
+interface GhostWriterSettingsProps {
+    advancedPrompt: string;
+    setAdvancedPrompt: Dispatch<SetStateAction<string>>;
+}
+
+export default function GhostWriterSettings(
+    {
+        advancedPrompt,
+        setAdvancedPrompt
+    }: GhostWriterSettingsProps) {
+    const {errorMessage} = useContext(AlertContext);
+    const {session} = useContext(SessionContext);
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext)
+    const {book} = useContext(BookContext);
+    
+    useEffect((): void => {
+        getAdvancedSettings().catch();
+    }, []);
+    
+    async function getAdvancedSettings(): Promise<void> {
+        try {
+            const setting: string = await System.authGetQueryToServer<string>(`quillsense/ghostwriter/advanced-settings`, session.accessToken, lang, {
+                bookId: book?.bookId
+            });
+            if (setting) {
+                setAdvancedPrompt(setting);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('ghostwriter.settings.unknownError'));
+            }
+        }
+    }
+    
+    return (
+        <div className={`p-4 lg:p-5 space-y-5 overflow-y-auto flex-grow custom-scrollbar`}>
+            <InputField input={<TexteAreaInput value={advancedPrompt}
+                                               setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setAdvancedPrompt(e.target.value)}
+                                               placeholder={`Information complémentaire pour la génération...`}
+                                               maxLength={600}/>}
+                        fieldName={`Prompt additionnel`} icon={faGuilded}/>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/ghostwriter/GhostWriterTags.tsx b/components/ghostwriter/GhostWriterTags.tsx
new file mode 100644
index 0000000..173a25a
--- /dev/null
+++ b/components/ghostwriter/GhostWriterTags.tsx
@@ -0,0 +1,265 @@
+import React, {ChangeEvent, Dispatch, SetStateAction, useContext, useEffect, useState} from "react";
+import {SelectBoxProps} from "@/shared/interface";
+import {faCubes, faGlobe, faMapPin, faUser} from "@fortawesome/free-solid-svg-icons";
+import System from "@/lib/models/System";
+import {SessionContext} from "@/context/SessionContext";
+import {AlertContext} from "@/context/AlertContext";
+import {BookContext} from "@/context/BookContext";
+import {BookTags} from "@/lib/models/Book";
+import SuggestFieldInput from "@/components/form/SuggestFieldInput";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import {useTranslations} from "next-intl";
+
+interface GhostWriterTagsProps {
+    taguedCharacters: string[];
+    setTaguedCharacters: Dispatch<SetStateAction<string[]>>;
+    taguedLocations: string[];
+    setTaguedLocations: Dispatch<SetStateAction<string[]>>;
+    taguedObjects: string[];
+    setTaguedObjects: Dispatch<SetStateAction<string[]>>;
+    taguedWorldElements: string[];
+    setTaguedWorldElements: Dispatch<SetStateAction<string[]>>;
+}
+
+export default function GhostWriterTags(
+    {
+        taguedCharacters,
+        setTaguedCharacters,
+        taguedLocations,
+        setTaguedLocations,
+        taguedObjects,
+        setTaguedObjects,
+        taguedWorldElements,
+        setTaguedWorldElements
+    }: GhostWriterTagsProps) {
+    const {session} = useContext(SessionContext);
+    const {errorMessage} = useContext(AlertContext);
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext)
+    const {book} = useContext(BookContext);
+    
+    const [characters, setCharacters] = useState<SelectBoxProps[]>([]);
+    const [locations, setLocations] = useState<SelectBoxProps[]>([]);
+    const [objects, setObjects] = useState<SelectBoxProps[]>([]);
+    const [worldElements, setWorldElements] = useState<SelectBoxProps[]>([]);
+    
+    const [searchCharacters, setSearchCharacters] = useState<string>('');
+    const [searchLocations, setSearchLocations] = useState<string>('');
+    const [searchObjects, setSearchObjects] = useState<string>('');
+    const [searchWorldElements, setSearchWorldElements] = useState<string>('');
+    
+    const [showCharacterSuggestions, setShowCharacterSuggestions] = useState<boolean>(false);
+    const [showLocationSuggestions, setShowLocationSuggestions] = useState<boolean>(false);
+    const [showObjectSuggestions, setShowObjectSuggestions] = useState<boolean>(false);
+    const [showWorldElementSuggestions, setShowWorldElementSuggestions] = useState<boolean>(false);
+    
+    useEffect((): void => {
+        fetchData().then();
+    }, []);
+    
+    async function fetchData(): Promise<void> {
+        try {
+            const tagsResponse: BookTags = await System.authGetQueryToServer<BookTags>(`book/tags`, session.accessToken, lang, {bookId: book?.bookId});
+            if (tagsResponse) {
+                setCharacters(tagsResponse.characters);
+                setLocations(tagsResponse.locations);
+                setObjects(tagsResponse.objects);
+                setWorldElements(tagsResponse.worldElements);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('ghostwriter.tags.unknownError'));
+            }
+        }
+    }
+    
+    function filteredCharacters(): SelectBoxProps[] {
+        if (searchCharacters.trim().length === 0) return [];
+        return characters
+            .filter((item: SelectBoxProps): boolean =>
+                item.label.toLowerCase().includes(searchCharacters.toLowerCase()) &&
+                !taguedCharacters.includes(item.value)
+            )
+            .slice(0, 3);
+    }
+    
+    function filteredLocations(): SelectBoxProps[] {
+        if (searchLocations.trim().length === 0) return [];
+        return locations
+            .filter((item: SelectBoxProps): boolean =>
+                item.label.toLowerCase().includes(searchLocations.toLowerCase()) &&
+                !taguedLocations.includes(item.value)
+            )
+            .slice(0, 3);
+    }
+    
+    function filteredObjects(): SelectBoxProps[] {
+        if (searchObjects.trim().length === 0) return [];
+        return objects
+            .filter((item: SelectBoxProps): boolean =>
+                item.label.toLowerCase().includes(searchObjects.toLowerCase()) &&
+                !taguedObjects.includes(item.value)
+            )
+            .slice(0, 3);
+    }
+    
+    function filteredWorldElements(): SelectBoxProps[] {
+        if (searchWorldElements.trim().length === 0) return [];
+        return worldElements
+            .filter((item: SelectBoxProps): boolean =>
+                item.label.toLowerCase().includes(searchWorldElements.toLowerCase()) &&
+                !taguedWorldElements.includes(item.value)
+            )
+            .slice(0, 3);
+    }
+    
+    function handleAddCharacter(value: string): void {
+        if (!taguedCharacters.includes(value)) {
+            const newCharacters: string[] = [...taguedCharacters, value];
+            setTaguedCharacters(newCharacters);
+        }
+        setSearchCharacters('');
+        setShowCharacterSuggestions(false);
+    }
+    
+    function handleAddLocation(value: string): void {
+        if (!taguedLocations.includes(value)) {
+            const newLocations: string[] = [...taguedLocations, value];
+            setTaguedLocations(newLocations);
+        }
+        setSearchLocations('');
+        setShowLocationSuggestions(false);
+    }
+    
+    function handleAddObject(value: string): void {
+        if (!taguedObjects.includes(value)) {
+            const newObjects: string[] = [...taguedObjects, value];
+            setTaguedObjects(newObjects);
+        }
+        setSearchObjects('');
+        setShowObjectSuggestions(false);
+    }
+    
+    function handleAddWorldElement(value: string): void {
+        if (!taguedWorldElements.includes(value)) {
+            const newWorldElements: string[] = [...taguedWorldElements, value];
+            setTaguedWorldElements(newWorldElements);
+        }
+        setSearchWorldElements('');
+        setShowWorldElementSuggestions(false);
+    }
+    
+    function handleRemoveCharacter(value: string): void {
+        setTaguedCharacters(taguedCharacters.filter((tag: string): boolean => tag !== value));
+    }
+    
+    function handleRemoveLocation(value: string): void {
+        setTaguedLocations(taguedLocations.filter((tag: string): boolean => tag !== value));
+    }
+    
+    function handleRemoveObject(value: string): void {
+        setTaguedObjects(taguedObjects.filter((tag: string): boolean => tag !== value));
+    }
+    
+    function handleRemoveWorldElement(value: string): void {
+        setTaguedWorldElements(taguedWorldElements.filter((tag: string): boolean => tag !== value));
+    }
+    
+    function handleCharacterSearch(text: string): void {
+        setSearchCharacters(text);
+        setShowCharacterSuggestions(text.trim().length > 0);
+    }
+    
+    function handleLocationSearch(text: string): void {
+        setSearchLocations(text);
+        setShowLocationSuggestions(text.trim().length > 0);
+    }
+    
+    function handleObjectSearch(text: string): void {
+        setSearchObjects(text);
+        setShowObjectSuggestions(text.trim().length > 0);
+    }
+    
+    function handleWorldElementSearch(text: string): void {
+        setSearchWorldElements(text);
+        setShowWorldElementSuggestions(text.trim().length > 0);
+    }
+    
+    function getCharacterLabel(value: string): string {
+        const character: SelectBoxProps | undefined = characters.find((item: SelectBoxProps): boolean => item.value === value);
+        return character ? character.label : value;
+    }
+    
+    function getLocationLabel(value: string): string {
+        const location: SelectBoxProps | undefined = locations.find((item: SelectBoxProps): boolean => item.value === value);
+        return location ? location.label : value;
+    }
+    
+    function getObjectLabel(value: string): string {
+        const object: SelectBoxProps | undefined = objects.find((item: SelectBoxProps): boolean => item.value === value);
+        return object ? object.label : value;
+    }
+    
+    function getWorldElementLabel(value: string): string {
+        const element: SelectBoxProps | undefined = worldElements.find((item: SelectBoxProps): boolean => item.value === value);
+        return element ? element.label : value;
+    }
+    
+    return (
+        <div className="p-4 lg:p-5 space-y-4 overflow-y-auto flex-grow custom-scrollbar">
+            <SuggestFieldInput inputFieldName={`Personnages`}
+                               inputFieldIcon={faUser}
+                               searchTags={searchCharacters}
+                               tagued={taguedCharacters}
+                               handleTagSearch={(e: ChangeEvent<HTMLInputElement>): void => handleCharacterSearch(e.target.value)}
+                               handleAddTag={handleAddCharacter}
+                               handleRemoveTag={handleRemoveCharacter}
+                               filteredTags={filteredCharacters}
+                               showTagSuggestions={showCharacterSuggestions}
+                               setShowTagSuggestions={setShowCharacterSuggestions}
+                               getTagLabel={getCharacterLabel}
+            />
+            
+            <SuggestFieldInput inputFieldName={`Lieux`}
+                               inputFieldIcon={faMapPin}
+                               searchTags={searchLocations}
+                               tagued={taguedLocations}
+                               handleTagSearch={(e) => handleLocationSearch(e.target.value)}
+                               handleAddTag={handleAddLocation}
+                               handleRemoveTag={handleRemoveLocation}
+                               filteredTags={filteredLocations}
+                               showTagSuggestions={showLocationSuggestions}
+                               setShowTagSuggestions={setShowLocationSuggestions}
+                               getTagLabel={getLocationLabel}
+            />
+            
+            <SuggestFieldInput inputFieldName={`Objets`}
+                               inputFieldIcon={faCubes}
+                               searchTags={searchObjects}
+                               tagued={taguedObjects}
+                               handleTagSearch={(e) => handleObjectSearch(e.target.value)}
+                               handleAddTag={handleAddObject}
+                               handleRemoveTag={handleRemoveObject}
+                               filteredTags={filteredObjects}
+                               showTagSuggestions={showObjectSuggestions}
+                               setShowTagSuggestions={setShowObjectSuggestions}
+                               getTagLabel={getObjectLabel}
+            />
+            
+            <SuggestFieldInput inputFieldName={`Éléments mondiaux`}
+                               inputFieldIcon={faGlobe}
+                               searchTags={searchWorldElements}
+                               tagued={taguedWorldElements}
+                               handleTagSearch={(e) => handleWorldElementSearch(e.target.value)}
+                               handleAddTag={handleAddWorldElement}
+                               handleRemoveTag={handleRemoveWorldElement}
+                               filteredTags={filteredWorldElements}
+                               showTagSuggestions={showWorldElementSuggestions}
+                               setShowTagSuggestions={setShowWorldElementSuggestions}
+                               getTagLabel={getWorldElementLabel}
+            />
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/input/BackButton.tsx b/components/input/BackButton.tsx
new file mode 100644
index 0000000..315eedd
--- /dev/null
+++ b/components/input/BackButton.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+
+export default function BackButton(
+    {
+        text,
+        callBackFunction
+    }:{
+        text:string,
+        callBackFunction: Function;
+    }){
+
+    function callBackButton(){
+        callBackFunction();
+    }
+
+    return (
+        <div className="text-center mt-4">
+            <button
+                onClick={callBackButton}
+                className="text-muted hover:text-primary hover:scale-105 transition-all duration-200 font-medium px-3 py-1.5 rounded-lg hover:bg-primary/10"
+            >
+                {
+                    text
+                }
+            </button>
+        </div>
+    )
+}
diff --git a/components/input/SelectOptionField.tsx b/components/input/SelectOptionField.tsx
new file mode 100644
index 0000000..17b26d1
--- /dev/null
+++ b/components/input/SelectOptionField.tsx
@@ -0,0 +1,48 @@
+import React, {Dispatch, SetStateAction} from "react";
+import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+
+interface SelectOption {
+    label: string,
+    value: string,
+}
+
+interface SelectOptionFieldProps {
+    label: string,
+    options: SelectOption[],
+    setOptionValue: Dispatch<SetStateAction<string>>,
+    isRequired?: boolean,
+    isDisabled?: boolean,
+    icon?: IconDefinition,
+}
+
+export default function SelectOptionField(
+    {
+        label,
+        options,
+        setOptionValue,
+        isRequired = false,
+        isDisabled = false,
+        icon
+    }: SelectOptionFieldProps
+) {
+    return (
+        <div
+            className={'flex justify-start items-center gap-2 px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none w-full hover:bg-secondary hover:border-secondary focus-within:border-primary focus-within:ring-4 focus-within:ring-primary/20 focus-within:bg-secondary transition-all duration-200'}>
+            {
+                icon && <FontAwesomeIcon icon={icon} className={'text-primary w-4 h-4'}/>
+            }
+            <select onChange={(e) => setOptionValue(e.target.value)}
+                    className={'w-full bg-transparent text-text-primary border-none outline-none font-medium disabled:opacity-50 disabled:cursor-not-allowed'}
+                    required={isRequired}
+                    disabled={isDisabled}>
+                <option value={''} defaultChecked={true} hidden={true}
+                        className="bg-tertiary">{label}{isRequired ? ' *' : ''}</option>
+                {options.map((option: SelectOption) => (
+                    <option key={option.value} value={option.value}
+                            className="bg-tertiary text-text-primary">{option.label}</option>
+                ))}
+            </select>
+        </div>
+    )
+}
diff --git a/components/input/TextInputField.tsx b/components/input/TextInputField.tsx
new file mode 100644
index 0000000..315f98b
--- /dev/null
+++ b/components/input/TextInputField.tsx
@@ -0,0 +1,68 @@
+import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import React, {Dispatch, SetStateAction, useState} from "react";
+
+export default function TextInputField(
+    {
+        label,
+        inputValue,
+        inputType,
+        setInputValue,
+        inputId,
+        isRequired = false,
+        hintMessage,
+        isDisabled = false,
+        icon
+    }:{
+        label: string,
+        inputValue: string,
+        inputType: "text" | "password" | "email" | "url" | "date" | "number",
+        setInputValue: Dispatch<SetStateAction<string>>,
+        inputId: string,
+        isRequired?: boolean,
+        hintMessage?: string,
+        isDisabled?: boolean,
+        icon?: IconDefinition,
+    }
+){
+
+    const [hintShown, setHintShown] = useState<boolean>(false);
+
+    function showHint(){
+        if (hintMessage){
+            setHintShown(true);
+        }
+    }
+    function hideHint(){
+        if (hintShown){
+            setHintShown(false);
+        }
+    }
+
+    return (
+        <div className="w-full">
+            <div
+                className={'flex justify-start items-center gap-2 px-4 py-2.5 rounded-xl bg-secondary/50 text-text-primary border border-secondary/50 outline-none w-full hover:bg-secondary hover:border-secondary focus-within:border-primary focus-within:ring-4 focus-within:ring-primary/20 focus-within:bg-secondary transition-all duration-200'}>
+                {
+                    icon && <FontAwesomeIcon icon={icon} className={'text-primary w-4 h-4'}/>
+                }
+                <input
+                    type={inputType}
+                    id={inputId}
+                    value={inputValue}
+                    onChange={(e) => setInputValue(e.target.value)}
+                    required={isRequired}
+                    placeholder={`${label}${isRequired ? ' *' : ''}`}
+                    onFocus={showHint}
+                    onBlur={hideHint}
+                    className={'w-full bg-transparent text-text-primary border-none outline-none placeholder:text-muted/60 disabled:opacity-50 disabled:cursor-not-allowed'}
+                    disabled={isDisabled}
+                />
+            </div>
+            {
+                hintShown && hintMessage &&
+                <small className="text-muted text-xs mt-1 ml-1 block">{hintMessage}</small>
+            }
+        </div>
+    )
+}
diff --git a/components/leftbar/ScribeChapterComponent.tsx b/components/leftbar/ScribeChapterComponent.tsx
new file mode 100644
index 0000000..5950156
--- /dev/null
+++ b/components/leftbar/ScribeChapterComponent.tsx
@@ -0,0 +1,309 @@
+import {ChapterListProps, ChapterProps} from "@/lib/models/Chapter";
+import React, {useContext, useEffect, useRef, useState} from "react";
+import System from "@/lib/models/System";
+import {BookContext} from "@/context/BookContext";
+import {AlertContext} from "@/context/AlertContext";
+import {ChapterContext} from "@/context/ChapterContext";
+import {SessionContext} from "@/context/SessionContext";
+import {faSheetPlastic} from "@fortawesome/free-solid-svg-icons";
+import ListItem from "@/components/ListItem";
+import AlertBox from "@/components/AlertBox";
+import {useTranslations} from "next-intl";
+import InlineAddInput from "@/components/form/InlineAddInput";
+import {LangContext} from "@/context/LangContext";
+
+export default function ScribeChapterComponent() {
+    const t = useTranslations();
+    const {lang} = useContext(LangContext)
+
+    const {book} = useContext(BookContext);
+    const {chapter, setChapter} = useContext(ChapterContext);
+    const {errorMessage, successMessage} = useContext(AlertContext);
+    const {session} = useContext(SessionContext);
+    const userToken: string = session?.accessToken ? session?.accessToken : '';
+    
+    const [chapters, setChapters] = useState<ChapterListProps[]>([])
+    
+    const [newChapterName, setNewChapterName] = useState<string>('');
+    const [newChapterOrder, setNewChapterOrder] = useState<number>(1);
+
+    const [deleteConfirmationMessage, setDeleteConfirmationMessage] = useState<boolean>(false);
+    const [removeChapterId, setRemoveChapterId] = useState<string>('');
+    
+    const chapterRefs = useRef<Map<string, HTMLDivElement>>(new Map());
+    const scrollContainerRef = useRef<HTMLUListElement>(null);
+    
+    useEffect((): void => {
+        getChapterList().then();
+    }, [book]);
+    
+    useEffect((): void => {
+        setNewChapterOrder(getNextChapterOrder());
+    }, [chapters]);
+    
+    useEffect((): void => {
+        if (chapter?.chapterId && scrollContainerRef.current) {
+            // Small delay to ensure DOM is ready
+            setTimeout(() => {
+                const element = chapterRefs.current.get(chapter.chapterId);
+                const container = scrollContainerRef.current;
+                
+                if (element && container) {
+                    const containerRect = container.getBoundingClientRect();
+                    const elementRect = element.getBoundingClientRect();
+                    
+                    // Calculate relative position
+                    const relativeTop = elementRect.top - containerRect.top + container.scrollTop;
+                    const scrollPosition = relativeTop - (containerRect.height / 2) + (elementRect.height / 2);
+                    
+                    container.scrollTo({
+                        top: Math.max(0, scrollPosition),
+                        behavior: 'smooth'
+                    });
+                }
+            }, 100);
+        }
+    }, [chapter?.chapterId]);
+    
+    function getNextChapterOrder(): number {
+        const maxOrder: number = Math.max(0, ...chapters.map((chap: ChapterListProps) => chap.chapterOrder ?? 0));
+        return maxOrder + 1;
+    }
+    
+    async function getChapterList(): Promise<void> {
+        try {
+            const response: ChapterListProps[] = await System.authGetQueryToServer<ChapterListProps[]>(`book/chapters?id=${book?.bookId}`, userToken, lang);
+            if (response) {
+                setChapters(response);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("scribeChapterComponent.errorFetchChapters"));
+            }
+        }
+    }
+    
+    async function getChapter(chapterId: string): Promise<void> {
+        const version: number = chapter?.chapterContent.version ? chapter?.chapterContent.version : 2;
+        try {
+            const response: ChapterProps = await System.authGetQueryToServer<ChapterProps>(`chapter/whole`, userToken, lang, {
+                bookid: book?.bookId,
+                id: chapterId,
+                version: version,
+            });
+            if (!response) {
+                errorMessage(t("scribeChapterComponent.errorFetchChapter"));
+                return;
+            }
+            setChapter(response);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("scribeChapterComponent.errorFetchChapter"));
+            }
+        }
+    }
+    
+    async function handleChapterUpdate(chapterId: string, title: string, chapterOrder: number): Promise<void> {
+        try {
+            const response: boolean = await System.authPostToServer<boolean>('chapter/update', {
+                chapterId: chapterId,
+                chapterOrder: chapterOrder,
+                title: title,
+            }, userToken, lang);
+            if (!response) {
+                errorMessage(t("scribeChapterComponent.errorChapterUpdate"));
+                return;
+            }
+            successMessage(t("scribeChapterComponent.successUpdate"));
+            setChapters((prevState: ChapterListProps[]): ChapterListProps[] => {
+                return prevState.map((chapter: ChapterListProps): ChapterListProps => {
+                    if (chapter.chapterId === chapterId) {
+                        chapter.chapterOrder = chapterOrder;
+                        chapter.title = title;
+                    }
+                    return chapter;
+                });
+            });
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(t("scribeChapterComponent.errorChapterUpdateFr"));
+            } else {
+                errorMessage(t("scribeChapterComponent.errorChapterUpdateEn"));
+            }
+        }
+    }
+    
+    async function handleDeleteConfirmation(chapterId: string): Promise<void> {
+        setDeleteConfirmationMessage(true);
+        setRemoveChapterId(chapterId);
+    }
+    
+    async function handleDeleteChapter(): Promise<void> {
+        try {
+            setDeleteConfirmationMessage(false);
+            const response: boolean = await System.authDeleteToServer<boolean>('chapter/remove', {
+                bookId: book?.bookId,
+                chapterId: removeChapterId,
+            }, userToken, lang);
+            if (!response) {
+                errorMessage(t("scribeChapterComponent.errorChapterDelete"));
+                return;
+            }
+            const updatedChapters: ChapterListProps[] = chapters.filter(
+                (chapter: ChapterListProps): boolean => chapter.chapterId !== removeChapterId,
+            );
+            setChapters(updatedChapters);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("scribeChapterComponent.unknownErrorChapterDelete"));
+            }
+        }
+    }
+    
+    async function handleAddChapter(chapterOrder: number): Promise<void> {
+        if (!newChapterName && chapterOrder >= 0) {
+            errorMessage(t("scribeChapterComponent.errorChapterNameRequired"));
+            return;
+        }
+        const chapterTitle: string = chapterOrder >= 0 ? newChapterName : book?.title as string;
+        try {
+            const chapterId: string = await System.authPostToServer<string>('chapter/add', {
+                bookId: book?.bookId,
+                chapterOrder: chapterOrder,
+                title: chapterTitle
+            }, userToken, lang);
+            if (!chapterId) {
+                errorMessage(t("scribeChapterComponent.errorChapterSubmit", {chapterName: newChapterName}));
+                return;
+            }
+            const newChapter: ChapterListProps = {
+                chapterId: chapterId,
+                title: chapterTitle,
+                chapterOrder: chapterOrder
+            }
+            setChapters((prevState: ChapterListProps[]): ChapterListProps[] => {
+                return [newChapter, ...prevState]
+            })
+            await getChapter(chapterId);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("scribeChapterComponent.errorChapterSubmit", {chapterName: newChapterName}));
+            }
+        }
+    }
+    
+    return (
+        <div className="flex-1 flex flex-col p-4 min-h-0">
+            <div className="mb-4">
+                <div className="flex items-center gap-2 mb-3">
+                    <div className="h-6 w-1 bg-primary rounded-full"></div>
+                    <h3 className="text-lg font-bold text-primary tracking-wide">{t("scribeChapterComponent.sheetHeading")}</h3>
+                </div>
+                <ul className="space-y-2">
+                    {
+                        chapters.filter((chap: ChapterListProps): boolean => {
+                                return chap.chapterOrder !== undefined && chap.chapterOrder < 0;
+                            })
+                            .sort((a: ChapterListProps, b: ChapterListProps): number => {
+                                const aOrder: number = a.chapterOrder ?? 0;
+                                const bOrder: number = b.chapterOrder ?? 0;
+                                return aOrder - bOrder;
+                            }).map((chap: ChapterListProps) => (
+                            <div key={chap.chapterId}
+                                 ref={(el): void => {
+                                     if (el) {
+                                         chapterRefs.current.set(chap.chapterId, el);
+                                     } else {
+                                         chapterRefs.current.delete(chap.chapterId);
+                                     }
+                                 }}>
+                                <ListItem icon={faSheetPlastic}
+                                          onClick={(): Promise<void> => getChapter(chap.chapterId)}
+                                          selectedId={chapter?.chapterId ?? ''}
+                                          id={chap.chapterId}
+                                          text={chap.title}/>
+                            </div>
+                        ))
+                    }
+                    {
+                        chapters.filter((chap: ChapterListProps): boolean => {
+                            return chap.chapterOrder !== undefined && chap.chapterOrder < 0;
+                        }).length === 0 &&
+                        <li onClick={(): Promise<void> => handleAddChapter(-1)}
+                            className="group p-3 bg-secondary/30 rounded-xl hover:bg-secondary cursor-pointer transition-all hover:shadow-md border border-secondary/30 hover:border-primary/30">
+                            <span
+                                className="text-sm font-medium text-muted group-hover:text-text-primary transition-colors">
+                                {t("scribeChapterComponent.createSheet")}
+                            </span>
+                        </li>
+                    }
+                </ul>
+            </div>
+            
+            <div className="flex-1 flex flex-col mt-6 min-h-0">
+                <div className="flex items-center gap-2 mb-3">
+                    <div className="h-6 w-1 bg-primary rounded-full"></div>
+                    <h3 className="text-lg font-bold text-primary tracking-wide">{t("scribeChapterComponent.chaptersHeading")}</h3>
+                </div>
+                <ul ref={scrollContainerRef} className="flex-1 space-y-2 overflow-y-auto pr-2 min-h-0">
+                    {
+                        chapters.filter((chap: ChapterListProps): boolean => {
+                                return !(chap.chapterOrder && chap.chapterOrder < 0);
+                            })
+                            .sort((a: ChapterListProps, b: ChapterListProps): number => {
+                                const aOrder: number = a.chapterOrder ?? 0;
+                                const bOrder: number = b.chapterOrder ?? 0;
+                                return aOrder - bOrder;
+                            }).map((chap: ChapterListProps) => (
+                            <div key={chap.chapterId}
+                                 ref={(el): void => {
+                                     if (el) {
+                                         chapterRefs.current.set(chap.chapterId, el);
+                                     } else {
+                                         chapterRefs.current.delete(chap.chapterId);
+                                     }
+                                 }}>
+                                <ListItem onClick={(): Promise<void> => getChapter(chap.chapterId)}
+                                          isEditable={true}
+                                          handleUpdate={handleChapterUpdate}
+                                          handleDelete={handleDeleteConfirmation}
+                                          selectedId={chapter?.chapterId ?? ''}
+                                          id={chap.chapterId} text={chap.title}
+                                          numericalIdentifier={chap.chapterOrder}/>
+                            </div>
+                        ))
+                    }
+                </ul>
+                <div className="mt-2 shrink-0">
+                    <InlineAddInput
+                        value={newChapterName}
+                        setValue={setNewChapterName}
+                        numericalValue={newChapterOrder}
+                        setNumericalValue={setNewChapterOrder}
+                        placeholder={t("scribeChapterComponent.addChapterPlaceholder")}
+                        onAdd={async (): Promise<void> => {
+                            await handleAddChapter(newChapterOrder);
+                            setNewChapterName("");
+                        }}
+                        showNumericalInput={true}
+                    />
+                </div>
+            </div>
+            {
+                deleteConfirmationMessage &&
+                <AlertBox title={t("scribeChapterComponent.deleteChapterTitle")}
+                          message={t("scribeChapterComponent.deleteChapterMessage")}
+                          type={"danger"} onConfirm={(): Promise<void> => handleDeleteChapter()}
+                          onCancel={(): void => setDeleteConfirmationMessage(false)}/>
+            }
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/leftbar/ScribeLeftBar.tsx b/components/leftbar/ScribeLeftBar.tsx
new file mode 100644
index 0000000..68fc22f
--- /dev/null
+++ b/components/leftbar/ScribeLeftBar.tsx
@@ -0,0 +1,137 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faBookMedical, faBookOpen, faFeather} from "@fortawesome/free-solid-svg-icons";
+import React, {useContext, useState} from "react";
+import {BookContext} from "@/context/BookContext";
+import ScribeChapterComponent from "@/components/leftbar/ScribeChapterComponent";
+import PanelHeader from "@/components/PanelHeader";
+import {PanelComponent} from "@/lib/models/Editor";
+import AddNewBookForm from "@/components/book/AddNewBookForm";
+import ShortStoryGenerator from "@/components/ShortStoryGenerator";
+import {SessionContext} from "@/context/SessionContext";
+import {useTranslations} from "next-intl";
+
+export default function ScribeLeftBar() {
+    const {book} = useContext(BookContext);
+    const {session} = useContext(SessionContext);
+    const t = useTranslations();
+    
+    const [panelHidden, setPanelHidden] = useState<boolean>(false);
+    
+    const [currentPanel, setCurrentPanel] = useState<PanelComponent>();
+    
+    const [showAddNewBook, setShowAddNewBook] = useState<boolean>(false);
+    const [showGenerateShortModal, setShowGenerateShortModal] = useState<boolean>(false)
+    
+    const editorComponents: PanelComponent[] = [
+        {
+            id: 1,
+            title: t("scribeLeftBar.editorComponents.structure.title"),
+            description: t("scribeLeftBar.editorComponents.structure.description"),
+            badge: t("scribeLeftBar.editorComponents.structure.badge"),
+            icon: faBookOpen
+        }
+        /*
+        {
+            id: 2,
+            title: 'Ligne directive',
+            icon: faBookmark,
+            badge: 'LD',
+            description: 'Ligne directrice pour ce chapitre.'
+        }, {
+            id: 3,
+            title: 'Statistique',
+            icon: faChartLine,
+            badge: 'STATS',
+            description: 'Vérification des verbes'
+        }*/
+    ]
+    
+    const homeComponents: PanelComponent[] = [
+        {
+            id: 1,
+            title: t("scribeLeftBar.homeComponents.addBook.title"),
+            description: t("scribeLeftBar.homeComponents.addBook.description"),
+            badge: t("scribeLeftBar.homeComponents.addBook.badge"),
+            icon: faBookMedical
+        }, {
+            id: 2,
+            title: t("scribeLeftBar.homeComponents.generateStory.title"),
+            icon: faFeather,
+            badge: t("scribeLeftBar.homeComponents.generateStory.badge"),
+            description: t("scribeLeftBar.homeComponents.generateStory.description")
+        },
+    ]
+    
+    function togglePanel(component: PanelComponent): void {
+        if (panelHidden) {
+            if (currentPanel?.id === component.id) {
+                setPanelHidden(!panelHidden);
+                return;
+            }
+        } else {
+            setPanelHidden(true);
+        }
+    }
+    
+    return (
+        <div id="left-panel-container" data-guide={"left-panel-container"} className="flex transition-all duration-300">
+            <div className="bg-tertiary border-r border-secondary/50 p-3 flex flex-col space-y-3 shadow-xl">
+                {book ? editorComponents.map(component => (
+                    <button
+                        key={component.id}
+                        onClick={(): void => {
+                            togglePanel(component);
+                            setCurrentPanel(component);
+                        }}
+                        title={component.title}
+                        className={`group relative p-3 rounded-xl transition-all duration-200 ${panelHidden && currentPanel?.id === component.id
+                            ? 'bg-primary text-text-primary shadow-lg shadow-primary/30'
+                            : 'bg-secondary/30 text-muted hover:text-text-primary hover:bg-secondary hover:shadow-md'}`}
+                    >
+                        <FontAwesomeIcon icon={component.icon}
+                                         className={'w-5 h-5 transition-transform duration-200'}/>
+                        {panelHidden && currentPanel?.id === component.id && (
+                            <div
+                                className="absolute -right-1 top-1/2 -translate-y-1/2 w-1 h-8 bg-primary rounded-l-full"></div>
+                        )}
+                    </button>
+                )) : (
+                    homeComponents
+                        .map((component: PanelComponent) => (
+                            <button
+                                key={component.id}
+                                onClick={() => component.id === 1 ? setShowAddNewBook(true) : component.id === 2 ? setShowGenerateShortModal(true) : session.user?.groupId && session.user?.groupId === 1}
+                                title={component.title}
+                                className={`group relative p-3 rounded-xl transition-all duration-200 ${panelHidden && currentPanel?.id === component.id
+                                    ? 'bg-primary text-text-primary shadow-lg shadow-primary/30'
+                                    : 'bg-secondary/30 text-muted hover:text-text-primary hover:bg-secondary hover:shadow-md'}`}
+                            >
+                                <FontAwesomeIcon icon={component.icon}
+                                                 className={'w-5 h-5 transition-transform duration-200'}/>
+                            </button>
+                        ))
+                )}
+            </div>
+
+            {panelHidden && (
+                <div id="left-panel"
+                     className="bg-tertiary/95 backdrop-blur-sm border-r border-secondary/50 h-full min-w-[320px] transition-all duration-300 overflow-y-auto shadow-2xl flex flex-col">
+                    <PanelHeader title={currentPanel?.title ?? ''} description={``} badge={``}
+                                 icon={currentPanel?.icon}
+                                 callBackAction={async () => setPanelHidden(!panelHidden)}/>
+                    {currentPanel?.id === 1 && (
+                        <ScribeChapterComponent/>
+                    )}
+                </div>
+            )}
+            {
+                showAddNewBook &&
+                <AddNewBookForm setCloseForm={setShowAddNewBook}/>
+            }
+            {
+                showGenerateShortModal &&
+                <ShortStoryGenerator onClose={() => setShowGenerateShortModal(false)}/>
+            }
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/quillsense/QuillSenseComponent.tsx b/components/quillsense/QuillSenseComponent.tsx
new file mode 100644
index 0000000..fce0c8e
--- /dev/null
+++ b/components/quillsense/QuillSenseComponent.tsx
@@ -0,0 +1,131 @@
+import React, {useContext, useState} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {
+    faBars,
+    faComments,
+    faExchangeAlt,
+    faLanguage,
+    faLightbulb,
+    faSpellCheck,
+    IconDefinition
+} from '@fortawesome/free-solid-svg-icons';
+import QuillSense, {QSView,} from "@/lib/models/QuillSense";
+
+import QuillList from "@/components/quillsense/modes/QuillList";
+import QuillConversation from "./modes/QuillConversation";
+import Dictionary from "@/components/quillsense/modes/Dictionary";
+import Synonyms from "@/components/quillsense/modes/Synonyms";
+import InspireMe from "@/components/quillsense/modes/InspireMe";
+import {SessionContext} from "@/context/SessionContext";
+import {useTranslations} from "next-intl";
+import Conjugator from "@/components/quillsense/modes/Conjugator";
+
+interface QSOption {
+    view: QSView;
+    icon: IconDefinition;
+}
+
+export default function QuillSenseComponent() {
+    const [view, setView] = useState<QSView>('chat');
+    const t = useTranslations();
+    const [selectedConversation, setSelectedConversation] = useState<string>('');
+    const {session} = useContext(SessionContext);
+    
+    const isBringYourKeys: boolean = QuillSense.isBringYourKeys(session);
+    const subLevel: number = QuillSense.getSubLevel(session)
+    
+    const isGPTEnabled: boolean = QuillSense.isOpenAIEnabled(session);
+    const isSubTierTwo: boolean = QuillSense.getSubLevel(session) >= 1;
+    const hasAccess: boolean = isGPTEnabled || isSubTierTwo;
+    
+    const qsOptions: QSOption[] = [
+        {view: 'dictionary', icon: faSpellCheck},
+        {view: 'conjugator', icon: faLanguage},
+        {view: 'synonyms', icon: faExchangeAlt},
+        {view: 'inspiration', icon: faLightbulb},
+        {view: 'chat', icon: faComments},
+    ];
+    
+    function handleSetView(view: QSView): void {
+        setView(view);
+    }
+    
+    function handleSelectConversation(conversationId: string) {
+        setSelectedConversation(conversationId);
+        setView('chat');
+    }
+    
+    return (
+        <div className="flex flex-col h-full w-full bg-secondary/20 backdrop-blur-sm overflow-hidden">
+            <div
+                className="px-3 py-3 flex items-center justify-between border-b border-secondary/50 bg-secondary/30 shadow-sm">
+                <div className="flex items-center">
+                    <button
+                        onClick={() => handleSetView(view === 'chat' ? 'list' : 'chat')}
+                        className="group text-text-primary mr-3 hover:text-primary p-2 rounded-lg hover:bg-secondary/50 transition-all hover:scale-110"
+                        aria-label={t('quillSense.toggleList')}
+                    >
+                        <FontAwesomeIcon icon={faBars}
+                                         className={'w-5 h-5 transition-transform group-hover:scale-110'}/>
+                    </button>
+                </div>
+                <div className="flex items-center gap-1">
+                    {
+                        qsOptions.map((option: QSOption) => (
+                            <button
+                                key={option.view}
+                                disabled={!isBringYourKeys && subLevel < 2 && option.view !== 'chat'}
+                                onClick={(): void => handleSetView(option.view)}
+                                className={`group p-2.5 rounded-lg transition-all duration-200 ${
+                                    view === option.view
+                                        ? 'bg-primary text-white shadow-md shadow-primary/30 scale-105'
+                                        : !isBringYourKeys && subLevel < 2 && option.view !== 'chat'
+                                            ? 'text-muted/40 cursor-not-allowed'
+                                            : 'text-text-primary hover:text-primary hover:bg-secondary/50 hover:scale-110'
+                                }`}
+                                aria-label={t(`quillSense.options.${option.view}`)}
+                            >
+                                <FontAwesomeIcon icon={option.icon}
+                                                 className={'w-4 h-4 transition-transform group-hover:scale-110'}/>
+                            </button>
+                        ))
+                    }
+                </div>
+            </div>
+            {
+                isBringYourKeys || subLevel >= 1 ? (
+                    <>
+                        {view === 'list' ? (
+                            <QuillList handleSelectConversation={handleSelectConversation}/>
+                        ) : view === 'chat' ? (
+                            <QuillConversation
+                                disabled={!isBringYourKeys && subLevel < 2}
+                                selectedConversation={selectedConversation}
+                                setSelectConversation={setSelectedConversation}
+                            />
+                        ) : view === 'dictionary' ? (
+                            <Dictionary hasKey={hasAccess}/>
+                        ) : view === 'synonyms' ? (
+                            <Synonyms hasKey={hasAccess}/>
+                        ) : view === 'conjugator' ? (
+                            <Conjugator hasKey={hasAccess}/>
+                        ) : view === 'inspiration' ? (
+                            <InspireMe hasKey={hasAccess}/>
+                        ) : (
+                            <></>
+                        )}
+                    </>
+                ) : (
+                    <div className="flex flex-col items-center justify-center h-full text-text-primary p-8">
+                        <div
+                            className="w-20 h-20 rounded-2xl bg-primary/10 flex items-center justify-center mb-6 shadow-md">
+                            <FontAwesomeIcon icon={faLightbulb} className="w-10 h-10 text-primary"/>
+                        </div>
+                        <p className="text-xl font-['ADLaM_Display'] text-center mb-3">{t('quillSense.needSubscription')}</p>
+                        <p className="text-lg text-muted text-center max-w-md leading-relaxed">{t('quillSense.subscriptionDescription')}</p>
+                    </div>
+                )
+            }
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/quillsense/modes/Conjugator.tsx b/components/quillsense/modes/Conjugator.tsx
new file mode 100644
index 0000000..d7bdf48
--- /dev/null
+++ b/components/quillsense/modes/Conjugator.tsx
@@ -0,0 +1,262 @@
+import {AlertContext} from "@/context/AlertContext";
+import {SessionContext} from "@/context/SessionContext";
+import System from "@/lib/models/System";
+import {ChangeEvent, JSX, useContext, useState} from "react";
+import InputField from "@/components/form/InputField";
+import {faLanguage, faLock, faMagnifyingGlass} from "@fortawesome/free-solid-svg-icons";
+import TextInput from "@/components/form/TextInput";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import {useTranslations} from "next-intl";
+import {AIVerbConjugation} from "@/lib/models/QuillSense";
+import {AIUsageContext, AIUsageContextProps} from "@/context/AIUsageContext";
+
+interface ConjugationTenses {
+    [tense: string]: {
+        firstPersonSingular?: string;
+        secondPersonSingular?: string;
+        thirdPersonSingular?: string;
+        firstPersonPlural?: string;
+        secondPersonPlural?: string;
+        thirdPersonPlural?: string;
+        présent?: string;
+        passé?: string;
+    } | string;
+}
+
+interface ConjugationResponse {
+    conjugations: {
+        [mode: string]: ConjugationTenses;
+    };
+}
+
+export default function Conjugator({hasKey}: { hasKey: boolean }): JSX.Element {
+    const {session} = useContext(SessionContext);
+    const {errorMessage} = useContext(AlertContext);
+    const {lang} = useContext<LangContextProps>(LangContext);
+    const t = useTranslations();
+    const {setTotalCredits, setTotalPrice} = useContext<AIUsageContextProps>(AIUsageContext);
+    const [verbToConjugate, setVerbToConjugate] = useState<string>('');
+    const [inProgress, setInProgress] = useState<boolean>(false);
+    const [conjugationResponse, setConjugationResponse] = useState<ConjugationResponse | null>(null);
+
+    async function handleConjugation(): Promise<void> {
+        if (verbToConjugate.trim() === '') {
+            return;
+        }
+        setInProgress(true);
+        try {
+            const response: AIVerbConjugation = await System.authPostToServer<AIVerbConjugation>(
+                `quillsense/verb-conjugation`,
+                {verb: verbToConjugate},
+                session.accessToken,
+                lang
+            );
+            if (!response) {
+                errorMessage(t("conjugator.error.noResponse"));
+                return;
+            }
+            if (response.useYourKey) {
+                setTotalPrice((prevState: number): number => prevState + response.totalPrice)
+            } else {
+                setTotalCredits(response.totalPrice)
+            }
+            setConjugationResponse(response.data as ConjugationResponse);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("conjugator.error.unknown"));
+            }
+        } finally {
+            setInProgress(false);
+        }
+    }
+    
+    function renderConjugationTable(tense: string, conjugations: ConjugationTenses[string]): JSX.Element {
+        if (typeof conjugations === 'string') {
+            return (
+                <div key={tense} className="mb-4">
+                    <div className="bg-secondary/20 rounded-xl p-4 border border-secondary/30">
+                        <span className="text-text-primary">{conjugations}</span>
+                    </div>
+                </div>
+            );
+        }
+        if (typeof conjugations === 'object' && conjugations !== null) {
+            const hasPersonConjugations = conjugations.firstPersonSingular || conjugations.secondPersonSingular ||
+                conjugations.thirdPersonSingular || conjugations.firstPersonPlural ||
+                conjugations.secondPersonPlural || conjugations.thirdPersonPlural;
+            if (hasPersonConjugations) {
+                return (
+                    <div key={tense} className="mb-6">
+                        <h4 className="text-primary font-medium mb-3 capitalize">
+                            {tense}
+                        </h4>
+                        <div className="bg-secondary/20 rounded-xl p-4 border border-secondary/30">
+                            <div className="grid grid-cols-2 gap-2">
+                                {conjugations.firstPersonSingular && (
+                                    <div className="flex">
+                                        <span className="text-text-secondary w-20">{t('conjugator.persons.je')}</span>
+                                        <span className="text-text-primary">{conjugations.firstPersonSingular}</span>
+                                    </div>
+                                )}
+                                {conjugations.firstPersonPlural && (
+                                    <div className="flex">
+                                        <span className="text-text-secondary w-20">{t('conjugator.persons.nous')}</span>
+                                        <span className="text-text-primary">{conjugations.firstPersonPlural}</span>
+                                    </div>
+                                )}
+                                {conjugations.secondPersonSingular && (
+                                    <div className="flex">
+                                        <span className="text-text-secondary w-20">{t('conjugator.persons.tu')}</span>
+                                        <span className="text-text-primary">{conjugations.secondPersonSingular}</span>
+                                    </div>
+                                )}
+                                {conjugations.secondPersonPlural && (
+                                    <div className="flex">
+                                        <span className="text-text-secondary w-20">{t('conjugator.persons.vous')}</span>
+                                        <span className="text-text-primary">{conjugations.secondPersonPlural}</span>
+                                    </div>
+                                )}
+                                {conjugations.thirdPersonSingular && (
+                                    <div className="flex">
+                                        <span className="text-text-secondary w-20">{t('conjugator.persons.il')}</span>
+                                        <span className="text-text-primary">{conjugations.thirdPersonSingular}</span>
+                                    </div>
+                                )}
+                                {conjugations.thirdPersonPlural && (
+                                    <div className="flex">
+                                        <span className="text-text-secondary w-20">{t('conjugator.persons.ils')}</span>
+                                        <span className="text-text-primary">{conjugations.thirdPersonPlural}</span>
+                                    </div>
+                                )}
+                            </div>
+                        </div>
+                    </div>
+                );
+            }
+        }
+        return <div key={tense}></div>;
+    }
+    
+    function renderMode(mode: string, tenses: ConjugationTenses): JSX.Element {
+        if (mode === 'infinitif' || mode === 'participe') {
+            return (
+                <div key={mode} className="mb-8">
+                    <h3 className="text-lg font-['ADLaM_Display'] text-primary mb-4 capitalize border-b border-primary/20 pb-2">
+                        {mode}
+                    </h3>
+                    <div className="ml-4 space-y-4">
+                        {Object.entries(tenses).map(([tense, conjugation]: [string, string | ConjugationTenses[string]]) => (
+                            <div key={tense} className="mb-4">
+                                <h4 className="text-primary font-medium mb-2 capitalize">
+                                    {tense}
+                                </h4>
+                                <div className="bg-secondary/20 rounded-xl p-4 border border-secondary/30">
+                                    <span className="text-text-primary">{conjugation as string}</span>
+                                </div>
+                            </div>
+                        ))}
+                    </div>
+                </div>
+            );
+        }
+        return (
+            <div key={mode} className="mb-8">
+                <h3 className="text-xl font-semibold text-primary mb-4 capitalize border-b border-primary/20 pb-2">
+                    {mode}
+                </h3>
+                <div className="ml-4">
+                    {Object.entries(tenses).map(([tense, conjugations]) =>
+                        renderConjugationTable(tense, conjugations)
+                    )}
+                </div>
+            </div>
+        );
+    }
+    
+    if (!hasKey) {
+        return (
+            <div className="flex flex-col h-full bg-secondary/20 backdrop-blur-sm">
+                <div className="flex-1 p-6 overflow-y-auto flex items-center justify-center">
+                    <div className="max-w-md mx-auto">
+                        <div
+                            className="bg-tertiary/90 backdrop-blur-sm border border-secondary/50 rounded-2xl p-8 text-center shadow-2xl">
+                            <div
+                                className="w-20 h-20 mx-auto mb-6 bg-primary rounded-2xl flex items-center justify-center shadow-lg">
+                                <FontAwesomeIcon icon={faLock} className="w-10 h-10 text-text-primary"/>
+                            </div>
+                            <h3 className="text-xl font-['ADLaM_Display'] text-text-primary mb-4">
+                                {t('conjugator.locked.title')}
+                            </h3>
+                            <p className="text-muted leading-relaxed text-lg">
+                                {t('conjugator.locked.description')}
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+    
+    return (
+        <div className="flex flex-col h-full bg-secondary/20 backdrop-blur-sm overflow-hidden">
+            <div className="p-5 border-b border-secondary/50 bg-secondary/30 shadow-sm">
+                <InputField
+                    input={
+                        <TextInput
+                            value={verbToConjugate}
+                            setValue={(e: ChangeEvent<HTMLInputElement>) => setVerbToConjugate(e.target.value)}
+                            placeholder={t('conjugator.input.placeholder')}
+                        />
+                    }
+                    icon={faLanguage}
+                    fieldName={t('conjugator.input.label')}
+                    actionLabel={t('conjugator.input.action')}
+                    actionIcon={faMagnifyingGlass}
+                    action={async (): Promise<void> => handleConjugation()}
+                />
+            </div>
+            <div className="flex-1 overflow-y-auto p-4">
+                {inProgress && (
+                    <div className="flex items-center justify-center h-32">
+                        <div className="animate-pulse flex flex-col items-center">
+                            <div
+                                className="w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin mb-3"></div>
+                            <p className="text-text-secondary">{t('conjugator.loading')}</p>
+                        </div>
+                    </div>
+                )}
+                {!inProgress && conjugationResponse && (
+                    <div
+                        className="rounded-xl bg-tertiary/90 backdrop-blur-sm shadow-lg overflow-hidden border border-secondary/50">
+                        <div className="bg-primary/10 p-4 border-b border-secondary/30">
+                            <h3 className="text-xl font-['ADLaM_Display'] text-text-primary flex items-center gap-2">
+                                <FontAwesomeIcon icon={faLanguage} className="text-primary w-6 h-6"/>
+                                <span>{verbToConjugate}</span>
+                            </h3>
+                        </div>
+                        <div className="p-5">
+                            {Object.entries(conjugationResponse.conjugations).map(([mode, tenses]: [string, ConjugationTenses]) =>
+                                renderMode(mode, tenses)
+                            )}
+                        </div>
+                    </div>
+                )}
+                {!inProgress && !conjugationResponse && (
+                    <div className="h-full flex flex-col items-center justify-center text-center p-8">
+                        <div
+                            className="w-20 h-20 rounded-2xl bg-primary/10 flex items-center justify-center mb-6 shadow-md">
+                            <FontAwesomeIcon icon={faLanguage} className="text-primary w-10 h-10"/>
+                        </div>
+                        <h3 className="text-xl font-['ADLaM_Display'] text-text-primary mb-3">{t('conjugator.welcome.title')}</h3>
+                        <p className="text-muted max-w-md text-lg leading-relaxed">
+                            {t('conjugator.welcome.description')}
+                        </p>
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/quillsense/modes/Dictionary.tsx b/components/quillsense/modes/Dictionary.tsx
new file mode 100644
index 0000000..a76ebe7
--- /dev/null
+++ b/components/quillsense/modes/Dictionary.tsx
@@ -0,0 +1,158 @@
+import {AlertContext} from "@/context/AlertContext";
+import {SessionContext} from "@/context/SessionContext";
+import System from "@/lib/models/System";
+import {ChangeEvent, JSX, useContext, useState} from "react";
+import {AIDictionary, DictionaryAIResponse} from "@/lib/models/QuillSense";
+import InputField from "@/components/form/InputField";
+import {faLock, faMagnifyingGlass, faSpellCheck} from "@fortawesome/free-solid-svg-icons";
+import TextInput from "@/components/form/TextInput";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import {AIUsageContext, AIUsageContextProps} from "@/context/AIUsageContext";
+
+export default function Dictionary({hasKey}: { hasKey: boolean }): JSX.Element {
+    const {session} = useContext(SessionContext);
+    const {errorMessage} = useContext(AlertContext);
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext)
+    const {setTotalCredits,setTotalPrice} = useContext<AIUsageContextProps>(AIUsageContext)
+    const [wordToCheck, setWordToCheck] = useState<string>('');
+    const [inProgress, setInProgress] = useState<boolean>(false);
+    const [aiResponse, setAiResponse] = useState<DictionaryAIResponse | null>(null);
+
+    async function handleSearch(): Promise<void> {
+        if (wordToCheck.trim() === '') {
+            return;
+        }
+        setInProgress(true);
+        try {
+            const response: AIDictionary = await System.authPostToServer<AIDictionary>(
+                `quillsense/dictionary`,
+                {word: wordToCheck},
+                session.accessToken,
+                lang
+            );
+            if (!response) {
+                errorMessage(t("dictionary.errorNoResponse"));
+                return;
+            }
+            if (response.useYourKey){
+                setTotalPrice((prevState:number):number => prevState + response.totalPrice)
+            } else {
+                setTotalCredits(response.totalPrice)
+            }
+            setAiResponse(response.data);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("dictionary.errorUnknown"));
+            }
+        } finally {
+            setInProgress(false);
+        }
+    }
+    
+    if (!hasKey) {
+        return (
+            <div className="flex flex-col h-full bg-secondary/20 backdrop-blur-sm">
+                <div className="flex-1 p-6 overflow-y-auto flex items-center justify-center">
+                    <div className="max-w-md mx-auto">
+                        <div
+                            className="bg-tertiary/90 backdrop-blur-sm border border-secondary/50 rounded-2xl p-8 text-center shadow-2xl">
+                            <div
+                                className="w-20 h-20 mx-auto mb-6 bg-primary rounded-2xl flex items-center justify-center shadow-lg">
+                                <FontAwesomeIcon icon={faLock} className="w-10 h-10 text-text-primary"/>
+                            </div>
+                            
+                            <h3 className="text-xl font-['ADLaM_Display'] text-text-primary mb-4">
+                                Accès requis
+                            </h3>
+                            
+                            <p className="text-muted leading-relaxed text-lg">
+                                Un abonnement de niveau de base de QuillSense ou une clé API OpenAI est requis pour
+                                activer le dictionnaire intelligent.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <div className="flex flex-col h-full bg-secondary/20 backdrop-blur-sm overflow-hidden">
+            <div className="p-5 border-b border-secondary/50 bg-secondary/30 shadow-sm">
+                <InputField
+                    input={
+                        <TextInput
+                            value={wordToCheck}
+                            setValue={(e: ChangeEvent<HTMLInputElement>) => setWordToCheck(e.target.value)}
+                            placeholder={t("dictionary.searchPlaceholder")}
+                        />
+                    }
+                    icon={faSpellCheck}
+                    fieldName={t("dictionary.fieldName")}
+                    actionLabel={t("dictionary.searchAction")}
+                    actionIcon={faMagnifyingGlass}
+                    action={async (): Promise<void> => handleSearch()}
+                />
+            </div>
+            
+            <div className="flex-1 overflow-y-auto p-4">
+                {inProgress && (
+                    <div className="flex items-center justify-center h-32">
+                        <div className="animate-pulse flex flex-col items-center">
+                            <div
+                                className="w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin mb-3"></div>
+                            <p className="text-text-secondary">{t("dictionary.loading")}</p>
+                        </div>
+                    </div>
+                )}
+                
+                {!inProgress && aiResponse && (
+                    <div
+                        className="rounded-xl bg-tertiary/90 backdrop-blur-sm shadow-lg overflow-hidden border border-secondary/50">
+                        <div className="bg-primary/10 p-4 border-b border-secondary/30">
+                            <h3 className="text-xl font-['ADLaM_Display'] text-text-primary flex items-center gap-2">
+                                <FontAwesomeIcon icon={faSpellCheck} className="text-primary w-6 h-6"/>
+                                <span>{wordToCheck}</span>
+                            </h3>
+                        </div>
+                        
+                        <div className="p-5 space-y-5">
+                            <div className="bg-secondary/20 rounded-xl p-4 border border-secondary/30">
+                                <h4 className="text-primary font-semibold mb-2 text-base">{t("dictionary.definitionHeading")}</h4>
+                                <p className="text-text-primary leading-relaxed">{aiResponse.definition}</p>
+                            </div>
+                            
+                            <div className="bg-secondary/20 rounded-xl p-4 border border-secondary/30">
+                                <h4 className="text-primary font-semibold mb-2 text-base">{t("dictionary.exampleHeading")}</h4>
+                                <p className="text-text-primary italic leading-relaxed">{aiResponse.example}</p>
+                            </div>
+                            
+                            <div className="bg-secondary/20 rounded-xl p-4 border border-secondary/30">
+                                <h4 className="text-primary font-semibold mb-2 text-base">{t("dictionary.literaryUsageHeading")}</h4>
+                                <p className="text-text-primary leading-relaxed">{aiResponse.literaryUsage}</p>
+                            </div>
+                        </div>
+                    </div>
+                )}
+                
+                {!inProgress && !aiResponse && (
+                    <div className="h-full flex flex-col items-center justify-center text-center p-8">
+                        <div
+                            className="w-20 h-20 rounded-2xl bg-primary/10 flex items-center justify-center mb-6 shadow-md">
+                            <FontAwesomeIcon icon={faSpellCheck} className="text-primary w-10 h-10"/>
+                        </div>
+                        <h3 className="text-xl font-['ADLaM_Display'] text-text-primary mb-3">{t("dictionary.fieldName")}</h3>
+                        <p className="text-muted max-w-md text-lg leading-relaxed">
+                            {t("dictionary.description")}
+                        </p>
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/quillsense/modes/InspireMe.tsx b/components/quillsense/modes/InspireMe.tsx
new file mode 100644
index 0000000..06f42ad
--- /dev/null
+++ b/components/quillsense/modes/InspireMe.tsx
@@ -0,0 +1,223 @@
+import React, {ChangeEvent, useContext, useEffect, useState} from "react";
+import {SessionContext} from "@/context/SessionContext";
+import {BookContext} from "@/context/BookContext";
+import {ChapterContext} from "@/context/ChapterContext";
+import {AlertContext} from "@/context/AlertContext";
+import {AIInspire, InspirationAIIdea} from "@/lib/models/QuillSense";
+import System from "@/lib/models/System";
+import InputField from "@/components/form/InputField";
+import TextInput from "@/components/form/TextInput";
+import {faArrowRight, faLightbulb, faLink, faLock} from "@fortawesome/free-solid-svg-icons";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import {EditorContext} from "@/context/EditorContext";
+import {AIUsageContext, AIUsageContextProps} from "@/context/AIUsageContext";
+
+export default function InspireMe({hasKey}: { hasKey: boolean }) {
+    const t = useTranslations();
+    const {session} = useContext(SessionContext);
+    const {editor} = useContext(EditorContext);
+    const {book} = useContext(BookContext);
+    const {chapter} = useContext(ChapterContext);
+    const {errorMessage} = useContext(AlertContext);
+    const {lang} = useContext<LangContextProps>(LangContext);
+    const {setTotalCredits, setTotalPrice} = useContext<AIUsageContextProps>(AIUsageContext);
+    const [prompt, setPrompt] = useState<string>('');
+    
+    const [hideHelp, setHideHelp] = useState<boolean>(true);
+    const [loading, setLoading] = useState<boolean>(false);
+    const [inspirations, setInspirations] = useState<InspirationAIIdea[]>([]);
+    
+    useEffect((): void => {
+        if (prompt.trim().length > 0) {
+            setHideHelp(true);
+        } else {
+            setHideHelp(false);
+        }
+    }, [prompt]);
+    
+    async function handleInspireMe(): Promise<void> {
+        if (prompt.trim() === '') {
+            errorMessage(t("inspireMe.emptyPromptError"));
+            return;
+        }
+        setLoading(true);
+        setInspirations([]);
+        
+        try {
+            let content: string = '';
+            if (editor) {
+                try {
+                    content = editor.getHTML();
+                    content = System.htmlToText(content);
+                } catch (e: unknown) {
+                    if (e instanceof Error) {
+                        errorMessage('Erreur lors de la récupération du contenu.');
+                        console.error('Erreur lors de la récupération du contenu.');
+                    } else {
+                        errorMessage('Erreur inconnue lors de la récupération du contenu.')
+                        console.error('Erreur inconnue lors de la récupération du contenu.');
+                    }
+                    setLoading(false);
+                    return;
+                }
+            }
+            if (!book?.bookId) {
+                errorMessage('Aucun livre sélectionné.');
+                setLoading(false);
+                return;
+            }
+            if (chapter?.chapterOrder === undefined) {
+                errorMessage('Aucun chapitre sélectionné.');
+                setLoading(false);
+                return;
+            }
+            const inspire: AIInspire = await System.authPostToServer<AIInspire>(
+                `quillsense/inspire`,
+                {
+                    prompt: prompt,
+                    bookId: book.bookId,
+                    chapterOrder: chapter.chapterOrder,
+                    currentContent: content,
+                },
+                session.accessToken,
+                lang
+            )
+            if (inspire.useYourKey) {
+                setTotalPrice((prevState: number): number => prevState + inspire.totalPrice)
+            } else {
+                setTotalCredits(inspire.totalPrice)
+            }
+            setInspirations(inspire.data.ideas);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(`Une erreur inconnue est survenue lors de la génération.`);
+            }
+        } finally {
+            setLoading(false);
+        }
+    }
+    
+    if (!hasKey) {
+        return (
+            <div className="flex flex-col h-full bg-secondary/20 backdrop-blur-sm">
+                <div className="flex-1 p-6 overflow-y-auto flex items-center justify-center">
+                    <div className="max-w-md mx-auto">
+                        <div
+                            className="bg-tertiary/90 backdrop-blur-sm border border-secondary/50 rounded-2xl p-8 text-center shadow-2xl">
+                            <div
+                                className="w-20 h-20 mx-auto mb-6 bg-primary rounded-2xl flex items-center justify-center shadow-lg">
+                                <FontAwesomeIcon icon={faLock} className="w-10 h-10 text-text-primary"/>
+                            </div>
+                            
+                            <h3 className="text-xl font-['ADLaM_Display'] text-text-primary mb-4">
+                                Accès requis
+                            </h3>
+                            
+                            <p className="text-muted leading-relaxed text-lg">
+                                Un abonnement de niveau de base de QuillSense ou une clé API OpenAI est requis pour
+                                activer le mode "Inspire-moi".
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+    
+    return (
+        <div className="flex flex-col h-full bg-secondary/20 backdrop-blur-sm overflow-hidden">
+            <div className="p-5 border-b border-secondary/50 bg-secondary/30 shadow-sm">
+                <InputField
+                    input={
+                        <TextInput
+                            value={prompt}
+                            setValue={(e: ChangeEvent<HTMLInputElement>) => setPrompt(e.target.value)}
+                            placeholder={t("inspireMe.inputPlaceholder")}
+                        />
+                    }
+                    icon={faLightbulb}
+                    fieldName={t("inspireMe.fieldName")}
+                    actionLabel={t("inspireMe.actionLabel")}
+                    actionIcon={faLightbulb}
+                    action={async () => handleInspireMe()}
+                />
+            </div>
+            
+            <div className="flex-1 overflow-y-auto p-4">
+                {loading && (
+                    <div className="flex items-center justify-center h-32">
+                        <div className="animate-pulse flex flex-col items-center">
+                            <div
+                                className="w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin mb-3"></div>
+                            <p className="text-text-secondary">{t("inspireMe.loading")}</p>
+                        </div>
+                    </div>
+                )}
+                
+                {!loading && inspirations.length > 0 && (
+                    <div
+                        className="rounded-xl bg-tertiary/90 backdrop-blur-sm shadow-lg overflow-hidden border border-secondary/50">
+                        <div className="bg-primary/10 p-4 border-b border-secondary/30">
+                            <h3 className="text-xl font-['ADLaM_Display'] text-text-primary flex items-center gap-2">
+                                <FontAwesomeIcon icon={faLightbulb} className="text-primary w-6 h-6"/>
+                                <span>{t("inspireMe.resultHeading")}</span>
+                            </h3>
+                        </div>
+                        
+                        <div className="p-5 space-y-6">
+                            {inspirations.map((idea, index) => (
+                                <div key={index}
+                                     className="bg-secondary/20 rounded-xl shadow-md border border-secondary/30 hover:border-primary/50 hover:shadow-lg hover:scale-102 transition-all duration-200 overflow-hidden">
+                                    <div className="p-4 bg-primary/10 border-b border-secondary/30">
+                                        <h4 className="text-lg font-semibold text-primary">{idea.idea}</h4>
+                                    </div>
+                                    
+                                    <div className="p-4">
+                                        <div className="mb-4">
+                                            <div className="flex items-center mb-1.5 text-sm text-text-secondary">
+                                                <FontAwesomeIcon icon={faArrowRight}
+                                                                 className="mr-1.5 text-primary w-5 h-5"/>
+                                                <span>{t("inspireMe.justificationHeading")}</span>
+                                            </div>
+                                            <p className="text-text-primary pl-5">{idea.reason}</p>
+                                        </div>
+                                        
+                                        <div>
+                                            <div className="flex items-center mb-1.5 text-sm text-text-secondary">
+                                                <FontAwesomeIcon icon={faLink} className="mr-1.5 text-primary w-5 h-5"/>
+                                                <span>{t("inspireMe.linkHeading")}</span>
+                                            </div>
+                                            <div className="pl-5">
+                                                <span
+                                                    className="text-xs bg-secondary/50 text-text-secondary px-2.5 py-1 rounded-lg inline-block border border-secondary/50">
+                                                    {idea.relatedTo}
+                                                </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            ))}
+                        </div>
+                    </div>
+                )}
+                
+                {!loading && inspirations.length === 0 && (
+                    <div className="h-full flex flex-col items-center justify-center text-center p-8">
+                        <div
+                            className="w-20 h-20 rounded-2xl bg-primary/10 flex items-center justify-center mb-6 shadow-md">
+                            <FontAwesomeIcon icon={faLightbulb} className="text-primary w-10 h-10"/>
+                        </div>
+                        <h3 className="text-xl font-['ADLaM_Display'] text-text-primary mb-3">{t("inspireMe.emptyHeading")}</h3>
+                        <p className="text-muted max-w-md text-lg leading-relaxed">
+                            {t("inspireMe.emptyDescription")}
+                        </p>
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/quillsense/modes/QuillConversation.tsx b/components/quillsense/modes/QuillConversation.tsx
new file mode 100644
index 0000000..5ad9980
--- /dev/null
+++ b/components/quillsense/modes/QuillConversation.tsx
@@ -0,0 +1,452 @@
+import {
+    faBook,
+    faBookOpen,
+    faExclamationTriangle,
+    faLock,
+    faPaperPlane,
+    faRobot,
+    faUser
+} from '@fortawesome/free-solid-svg-icons';
+import React, {Dispatch, RefObject, SetStateAction, useContext, useEffect, useRef, useState,} from 'react';
+import QuillSense, {Conversation, ConversationType, Message} from "@/lib/models/QuillSense";
+import {ChapterContext} from "@/context/ChapterContext";
+import {BookContext} from "@/context/BookContext";
+import {AlertContext} from "@/context/AlertContext";
+import {SessionContext} from '@/context/SessionContext';
+import System from "@/lib/models/System";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import {AIUsageContext, AIUsageContextProps} from "@/context/AIUsageContext";
+
+interface QuillConversationProps {
+    disabled: boolean;
+    selectedConversation: string;
+    setSelectConversation: Dispatch<SetStateAction<string>>;
+}
+
+type ContextType = 'none' | 'chapter' | 'book';
+
+export default function QuillConversation(
+    {
+        disabled,
+        selectedConversation,
+        setSelectConversation,
+    }: QuillConversationProps) {
+    const t = useTranslations();
+    const {lang} = useContext<LangContextProps>(LangContext);
+    const {session} = useContext(SessionContext);
+    const {errorMessage} = useContext(AlertContext);
+    const {book} = useContext(BookContext);
+    const {chapter} = useContext(ChapterContext);
+    const {setTotalPrice} = useContext<AIUsageContextProps>(AIUsageContext)
+    
+    const [inputText, setInputText] = useState<string>('');
+    const [messages, setMessages] = useState<Message[]>([]);
+    const [isLoading, setIsLoading] = useState<boolean>(false);
+    const [contextType, setContextType] = useState<ContextType>('none');
+    const [showContextAlert, setShowContextAlert] = useState<boolean>(false);
+    const [pendingContextType, setPendingContextType] = useState<ContextType>('none');
+    const messageContainerRef: RefObject<HTMLDivElement | null> = useRef<HTMLDivElement>(null);
+    const textareaRef: RefObject<HTMLTextAreaElement | null> = useRef<HTMLTextAreaElement>(null);
+    
+    const [mode, setMode] = useState<ConversationType>('chatbot');
+    
+    const isGeminiEnabled: boolean = QuillSense.isGeminiEnabled(session);
+    const isSubTierTwo: boolean = QuillSense.getSubLevel(session) >= 2;
+    const hasAccess: boolean = isGeminiEnabled || isSubTierTwo;
+    
+    function adjustTextareaHeight(): void {
+        const textarea: HTMLTextAreaElement | null = textareaRef.current;
+        if (textarea) {
+            textarea.style.height = 'auto';
+            const newHeight: number = Math.min(Math.max(textarea.scrollHeight, 42), 120);
+            textarea.style.height = `${newHeight}px`;
+        }
+    }
+    
+    function scrollToBottom(): void {
+        const messageContainer: HTMLDivElement | null = messageContainerRef.current;
+        if (messageContainer) {
+            messageContainer.scrollTop = messageContainer.scrollHeight;
+        }
+    }
+    
+    function LoadingMessage() {
+        return (
+            <div className="flex mb-6 justify-start">
+                <div
+                    className="w-10 h-10 rounded-full bg-gradient-to-br from-primary to-primary-dark flex items-center justify-center text-text-primary mr-3 shadow-lg">
+                    <FontAwesomeIcon icon={faRobot} className={'w-5 h-5'}/>
+                </div>
+                <div
+                    className="max-w-[75%] p-4 rounded-2xl bg-secondary/80 text-text-primary rounded-bl-md backdrop-blur-sm border border-secondary/50">
+                    <div className="flex items-center space-x-2">
+                        <span className="text-text-secondary text-sm">{t('quillConversation.loadingMessage')}</span>
+                        <div className="flex space-x-1">
+                            <div className="w-2 h-2 bg-primary rounded-full animate-pulse"
+                                 style={{animationDelay: '0ms', animationDuration: '1.5s'}}></div>
+                            <div className="w-2 h-2 bg-primary rounded-full animate-pulse"
+                                 style={{animationDelay: '0.3s', animationDuration: '1.5s'}}></div>
+                            <div className="w-2 h-2 bg-primary rounded-full animate-pulse"
+                                 style={{animationDelay: '0.6s', animationDuration: '1.5s'}}></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+    
+    function WelcomeMessage() {
+        return (
+            <div className="flex flex-col items-center justify-center h-full p-8">
+                <div
+                    className="w-20 h-20 rounded-2xl bg-gradient-to-br from-primary to-primary-dark flex items-center justify-center text-text-primary mb-6 shadow-2xl">
+                    <FontAwesomeIcon icon={faRobot} className={'w-10 h-10'}/>
+                </div>
+                <h2 className="text-2xl font-['ADLaM_Display'] text-text-primary mb-3">{t('quillConversation.welcomeTitle')}</h2>
+                <p className="text-muted text-center leading-relaxed text-lg max-w-md mb-6">
+                    {t('quillConversation.welcomeDescription')}
+                </p>
+                <div className="bg-secondary/30 rounded-xl p-4 border border-secondary/50 backdrop-blur-sm shadow-md">
+                    <p className="text-sm text-text-secondary text-center">
+                        {t('quillConversation.welcomeTip')}
+                    </p>
+                </div>
+            </div>
+        );
+    }
+    
+    function ContextAlert() {
+        const contextDescription: string = pendingContextType === 'chapter'
+            ? t('quillConversation.contextAlert.chapter')
+            : t('quillConversation.contextAlert.book');
+
+        return (
+            <div className="fixed inset-0 bg-overlay flex items-center justify-center z-50">
+                <div
+                    className="bg-tertiary/90 backdrop-blur-sm border border-secondary/50 rounded-2xl p-6 max-w-md mx-4 shadow-2xl">
+                    <div className="flex items-center mb-4">
+                        <div
+                            className="w-12 h-12 rounded-xl bg-warning/20 flex items-center justify-center mr-3 shadow-sm">
+                            <FontAwesomeIcon icon={faExclamationTriangle} className="w-6 h-6 text-warning"/>
+                        </div>
+                        <h3 className="text-xl font-['ADLaM_Display'] text-text-primary">{t('quillConversation.contextAlert.title')}</h3>
+                    </div>
+                    <p className="text-muted mb-6 leading-relaxed text-lg">
+                        {contextDescription}
+                    </p>
+                    <div className="flex space-x-3">
+                        <button
+                            onClick={(): void => {
+                                setShowContextAlert(false);
+                                setPendingContextType('none');
+                            }}
+                            className="flex-1 px-4 py-2.5 bg-secondary/50 text-text-secondary rounded-xl hover:bg-secondary hover:text-text-primary transition-all duration-200 hover:scale-105 shadow-sm hover:shadow-md border border-secondary/50 font-medium"
+                        >
+                            {t('common.cancel')}
+                        </button>
+                        <button
+                            onClick={(): void => {
+                                setContextType(pendingContextType);
+                                setShowContextAlert(false);
+                                setPendingContextType('none');
+                            }}
+                            className="flex-1 px-4 py-2.5 bg-primary text-text-primary rounded-xl hover:bg-primary-dark transition-all duration-200 hover:scale-105 shadow-md hover:shadow-lg font-medium"
+                        >
+                            {t('common.confirm')}
+                        </button>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+    
+    function handleContextChange(type: ContextType): void {
+        if (type === 'none') {
+            setContextType('none');
+        } else {
+            setPendingContextType(type);
+            setShowContextAlert(true);
+        }
+    }
+    
+    useEffect((): void => {
+        if (selectedConversation !== '' && hasAccess) {
+            getMessages().then();
+        }
+    }, []);
+    
+    useEffect((): void => {
+        scrollToBottom();
+    }, [messages, isLoading]);
+    
+    useEffect((): void => {
+        adjustTextareaHeight();
+    }, [inputText]);
+    
+    
+    async function getMessages(): Promise<void> {
+        try {
+            const response: Conversation =
+                await System.authGetQueryToServer<Conversation>(
+                    `quillsense/conversation`,
+                    session.accessToken,
+                    "fr",
+                    {id: selectedConversation},
+                );
+            if (response) {
+                setMessages(response.messages);
+                setMode((response.type as ConversationType) ?? 'chatbot');
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t('quillConversation.genericError'));
+            }
+        }
+    }
+    
+    function getCurrentTime(): string {
+        const now: Date = new Date();
+        return now.toLocaleTimeString([], {hour: '2-digit', minute: '2-digit'});
+    }
+    
+    async function handleSend(): Promise<void> {
+        if (!inputText.trim()) {
+            errorMessage(t('quillConversation.emptyMessageError'));
+            return;
+        }
+        try {
+            const tempId: number = Date.now();
+            const newMessage: Message = {
+                id: tempId,
+                message: inputText,
+                type: 'user',
+                date: getCurrentTime(),
+            };
+            setMessages((prevMessages: Message[]): Message[] => [...prevMessages, newMessage]);
+            setInputText('');
+            setIsLoading(true);
+            
+            const response: Conversation = await System.authPostToServer<Conversation>('quillsense/chatbot/send', {
+                message: inputText,
+                bookId: book?.bookId || null,
+                chapterId: chapter?.chapterId || null,
+                conversationId: selectedConversation ?? '',
+                mode: mode,
+                contextType: contextType,
+                version: chapter?.chapterContent.version || null,
+            }, session.accessToken, lang);
+            console.log(response);
+            
+            setIsLoading(false);
+            if (response) {
+                setMessages((prevMessages: Message[]): Message[] => {
+                    const userMessageFromServer: Message | undefined =
+                        response.messages.find(
+                            (msg: Message): boolean => msg.type === 'user',
+                        );
+                    const aiMessageFromServer: Message | undefined =
+                        response.messages.find(
+                            (msg: Message): boolean => msg.type === 'model',
+                        );
+                    
+                    const updatedMessages: Message[] = prevMessages.map(
+                        (msg: Message): Message =>
+                            msg.id === tempId && userMessageFromServer
+                                ? {
+                                    ...msg,
+                                    id: userMessageFromServer.id,
+                                    date: userMessageFromServer.date,
+                                }
+                                : msg,
+                    );
+                    
+                    return aiMessageFromServer
+                        ? [...updatedMessages, aiMessageFromServer]
+                        : updatedMessages;
+                });
+                
+                setTotalPrice((prevTotal: number): number => prevTotal + (response.totalPrice || 0));
+                
+                if (selectedConversation === '') {
+                    setSelectConversation(response.id);
+                }
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(t('quillConversation.sendError'));
+            } else {
+                errorMessage(t('quillConversation.genericError'));
+            }
+            setIsLoading(false);
+        }
+    }
+    
+    if (!hasAccess) {
+        return (
+            <div className="flex flex-col h-full">
+                <div className="flex-1 p-6 overflow-y-auto flex items-center justify-center">
+                    <div className="max-w-md mx-auto">
+                        <div
+                            className="bg-tertiary/90 backdrop-blur-sm border border-secondary/50 rounded-2xl p-8 text-center shadow-2xl">
+                            <div
+                                className="w-20 h-20 mx-auto mb-6 bg-primary rounded-2xl flex items-center justify-center shadow-lg">
+                                <FontAwesomeIcon icon={faLock} className="w-10 h-10 text-text-primary"/>
+                            </div>
+                            
+                            <h3 className="text-xl font-['ADLaM_Display'] text-text-primary mb-4">
+                                {t('quillConversation.accessRequired.title')}
+                            </h3>
+                            
+                            <p className="text-muted leading-relaxed text-lg">
+                                {t('quillConversation.accessRequired.description')}
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div className="bg-secondary/30 backdrop-blur-sm border-t border-secondary/50 p-4 shadow-inner">
+                    <div
+                        className="flex items-center rounded-2xl bg-tertiary/30 p-3 border border-secondary/50 opacity-50">
+                        <textarea
+                            disabled={true}
+                            placeholder={t('quillConversation.inputPlaceholder')}
+                            rows={1}
+                            className="flex-1 bg-transparent border-0 outline-none px-4 py-2 text-text-primary placeholder-text-secondary resize-none overflow-hidden min-h-[42px] max-h-[120px] cursor-not-allowed"
+                        />
+                        <button
+                            disabled={true}
+                            className="p-3 rounded-xl text-text-secondary cursor-not-allowed ml-2"
+                        >
+                            <FontAwesomeIcon icon={faPaperPlane} className="w-5 h-5"/>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+    
+    return (
+        <>
+            <div ref={messageContainerRef} className="flex-1 p-6 overflow-y-auto">
+                {messages.length === 0 && !isLoading ? (
+                    <WelcomeMessage/>
+                ) : (
+                    messages.map((message: Message) => (
+                        <div
+                            key={message.id}
+                            className={`flex mb-6 ${message.type === 'user' ? 'justify-end' : 'justify-start'}`}
+                        >
+                            {message.type === 'model' && (
+                                <div
+                                    className="w-10 h-10 rounded-full bg-gradient-to-br from-primary to-primary-dark flex items-center justify-center text-text-primary mr-3 shadow-lg">
+                                    <FontAwesomeIcon icon={faRobot} className={'w-5 h-5'}/>
+                                </div>
+                            )}
+                            <div
+                                className={`max-w-[75%] p-4 rounded-2xl shadow-sm ${
+                                    message.type === 'user'
+                                        ? 'bg-gradient-to-br from-primary to-primary-dark text-text-primary rounded-br-md'
+                                        : 'bg-secondary/80 text-text-primary rounded-bl-md backdrop-blur-sm border border-secondary/50'
+                                }`}
+                            >
+                                <p className="leading-relaxed whitespace-pre-wrap">{message.message}</p>
+                                <p className={`text-xs mt-2 ${
+                                    message.type === 'user'
+                                        ? 'text-text-primary/70'
+                                        : 'text-text-secondary'
+                                }`}>
+                                    {message.date}
+                                </p>
+                            </div>
+                            {message.type === 'user' && (
+                                <div
+                                    className="w-10 h-10 rounded-full bg-gradient-to-br from-primary-dark to-tertiary flex items-center justify-center text-text-primary ml-3 shadow-lg">
+                                    <FontAwesomeIcon icon={faUser} className={'w-5 h-5'}/>
+                                </div>
+                            )}
+                        </div>
+                    ))
+                )}
+                {isLoading && <LoadingMessage/>}
+            </div>
+            
+            <div className="p-4">
+                <div className="flex items-center space-x-4 mb-3 px-2">
+                    <span
+                        className="text-sm text-text-secondary font-medium">{t('quillConversation.contextLabel')}</span>
+                    <div className="flex items-center space-x-2">
+                        <button
+                            onClick={(): void => handleContextChange('none')}
+                            className={`px-3 py-1.5 rounded-lg text-xs font-medium transition-colors ${
+                                contextType === 'none'
+                                    ? 'bg-primary text-text-primary'
+                                    : 'bg-secondary/50 text-text-secondary hover:bg-secondary hover:text-text-primary'
+                            }`}
+                        >
+                            {t('quillConversation.context.none')}
+                        </button>
+                        {chapter && (
+                            <button
+                                onClick={(): void => handleContextChange('chapter')}
+                                className={`px-3 py-1.5 rounded-lg text-xs font-medium transition-colors flex items-center space-x-1 ${
+                                    contextType === 'chapter'
+                                        ? 'bg-primary text-text-primary'
+                                        : 'bg-secondary/50 text-text-secondary hover:bg-secondary hover:text-text-primary'
+                                }`}
+                            >
+                                <FontAwesomeIcon icon={faBookOpen} className="w-3 h-3"/>
+                                <span>{t('quillConversation.context.chapter')}</span>
+                            </button>
+                        )}
+                        {book && (
+                            <button
+                                onClick={(): void => handleContextChange('book')}
+                                className={`px-3 py-1.5 rounded-lg text-xs font-medium transition-colors flex items-center space-x-1 ${
+                                    contextType === 'book'
+                                        ? 'bg-primary text-text-primary'
+                                        : 'bg-secondary/50 text-text-secondary hover:bg-secondary hover:text-text-primary'
+                                }`}
+                            >
+                                <FontAwesomeIcon icon={faBook} className="w-3 h-3"/>
+                                <span>{t('quillConversation.context.book')}</span>
+                            </button>
+                        )}
+                    </div>
+                </div>
+                <div className="flex items-end rounded-2xl bg-tertiary border border-secondary/50 shadow-inner">
+                    <textarea
+                        disabled={disabled || isLoading}
+                        ref={textareaRef}
+                        value={inputText}
+                        onChange={(e) => setInputText(e.target.value)}
+                        onKeyDown={async (e) => {
+                            if (e.key === 'Enter' && !e.shiftKey) {
+                                e.preventDefault();
+                                await handleSend();
+                            }
+                        }}
+                        placeholder={t('quillConversation.inputPlaceholder')}
+                        rows={1}
+                        className="flex-1 bg-transparent border-0 outline-none px-4 text-text-primary placeholder-text-secondary resize-none overflow-hidden min-h-[42px] max-h-[120px] leading-relaxed"
+                    />
+                    <button
+                        onClick={handleSend}
+                        disabled={inputText.trim() === '' || isLoading}
+                        className={`m-2 p-3 rounded-xl transition-all duration-200 ${
+                            inputText.trim() === '' || isLoading
+                                ? 'text-text-secondary bg-secondary/50 cursor-not-allowed'
+                                : 'text-text-primary bg-gradient-to-br from-primary to-primary-dark hover:from-primary-dark hover:to-primary shadow-lg hover:shadow-xl transform hover:scale-105'
+                        }`}
+                    >
+                        <FontAwesomeIcon icon={faPaperPlane} className={'w-5 h-5'}/>
+                    </button>
+                </div>
+            </div>
+            
+            {showContextAlert && <ContextAlert/>}
+        </>
+    );
+}
\ No newline at end of file
diff --git a/components/quillsense/modes/QuillList.tsx b/components/quillsense/modes/QuillList.tsx
new file mode 100644
index 0000000..3c77cf9
--- /dev/null
+++ b/components/quillsense/modes/QuillList.tsx
@@ -0,0 +1,84 @@
+import {faRobot} from '@fortawesome/free-solid-svg-icons';
+import React, {useContext, useEffect, useState} from 'react';
+import {SessionContext} from "@/context/SessionContext";
+import {ConversationProps} from "@/lib/models/QuillSense";
+import System from "@/lib/models/System";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {BookContext, BookContextProps} from "@/context/BookContext";
+import {LangContext} from "@/context/LangContext";
+
+interface QuillListProps {
+    handleSelectConversation: (itemId: string) => void;
+}
+
+export default function QuillList({handleSelectConversation}: QuillListProps) {
+    const {session} = useContext(SessionContext);
+    const {book} = useContext<BookContextProps>(BookContext);
+    const {lang} = useContext(LangContext);
+    
+    const [conversations, setConversations] = useState<ConversationProps[]>([]);
+    
+    useEffect((): void => {
+        getConversations().then();
+    }, []);
+    
+    async function getConversations(): Promise<void> {
+        try {
+            const response: ConversationProps[] = await System.authGetQueryToServer<ConversationProps[]>(
+                `quillsense/conversations`,
+                session.accessToken,
+                lang,
+                {
+                    id: book?.bookId,
+                }
+            );
+            if (response.length > 0) {
+                setConversations(response);
+            }
+        } catch (e) {
+            console.error(e);
+        }
+    }
+    
+    function getStatusColorClass(status: number): string {
+        switch (status) {
+            case 1:
+                return 'bg-muted';
+            case 2:
+                return 'bg-blue-500';
+            case 3:
+                return 'bg-primary';
+            case 4:
+                return 'bg-error';
+            default:
+                return 'bg-muted';
+        }
+    }
+
+    return (
+        <div className="flex-1 overflow-y-auto p-2">
+            {conversations.map((conversation: ConversationProps) => (
+                <div key={conversation.id}
+                     className="flex items-center justify-between p-3 mb-2 rounded-xl bg-secondary/30 hover:bg-secondary hover:shadow-md cursor-pointer transition-all duration-200 border border-secondary/50 hover:border-secondary hover:scale-102"
+                     onClick={(): void => handleSelectConversation(conversation.id)}
+                >
+                    <div className="flex items-center gap-3">
+                        <div
+                            className={`w-2.5 h-2.5 rounded-full ${getStatusColorClass(conversation.status)} shadow-sm`}></div>
+                        <FontAwesomeIcon icon={faRobot} className="text-primary w-5 h-5"/>
+                        <div>
+                            <span className="text-text-primary font-medium">{conversation.title || "Sans titre"}</span>
+                            {conversation.startDate && (
+                                <p className="text-xs text-muted mt-0.5">{conversation.startDate}</p>
+                            )}
+                        </div>
+                    </div>
+                    {conversation.mode && (
+                        <span
+                            className="text-xs bg-primary/20 text-primary px-2.5 py-1 rounded-lg font-medium border border-primary/30">{conversation.mode}</span>
+                    )}
+                </div>
+            ))}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/quillsense/modes/Synonyms.tsx b/components/quillsense/modes/Synonyms.tsx
new file mode 100644
index 0000000..54bfb08
--- /dev/null
+++ b/components/quillsense/modes/Synonyms.tsx
@@ -0,0 +1,178 @@
+import React, {JSX, useContext, useState} from "react";
+import {SessionContext} from "@/context/SessionContext";
+import {AlertContext} from "@/context/AlertContext";
+import {AISynonyms, SynonymAI, SynonymsAIResponse} from "@/lib/models/QuillSense";
+import System from "@/lib/models/System";
+import {faExchangeAlt, faLock, faSearch} from "@fortawesome/free-solid-svg-icons";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {useTranslations} from "next-intl";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import SearchInputWithSelect from "@/components/form/SearchInputWithSelect";
+import {AIUsageContext, AIUsageContextProps} from "@/context/AIUsageContext";
+
+export default function Synonyms({hasKey}: { hasKey: boolean }): JSX.Element {
+    const t = useTranslations();
+    const {session} = useContext(SessionContext);
+    const {lang} = useContext<LangContextProps>(LangContext);
+    const {errorMessage} = useContext(AlertContext);
+    const {setTotalCredits, setTotalPrice} = useContext<AIUsageContextProps>(AIUsageContext);
+    const [type, setType] = useState<string>('synonymes')
+    const [wordToCheck, setWordToCheck] = useState<string>('')
+    const [inProgress, setInProgress] = useState<boolean>(false);
+    const [aiResponse, setAiResponse] = useState<SynonymsAIResponse | null>(null)
+    
+    async function handleSearch(): Promise<void> {
+        if (wordToCheck.trim() === '') {
+            errorMessage(t("synonyms.enterWordError"));
+            return;
+        }
+        setInProgress(true);
+        try {
+            const response: AISynonyms = await System.authPostToServer<AISynonyms>(`quillsense/synonyms`, {
+                word: wordToCheck,
+                type: type
+            }, session.accessToken, lang);
+            if (!response) {
+                errorMessage(t("synonyms.errorNoResponse"));
+                return;
+            }
+            if (response.useYourKey) {
+                setTotalPrice((prevState: number): number => prevState + response.totalPrice)
+            } else {
+                setTotalCredits(response.totalPrice)
+            }
+            setAiResponse(response.data);
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message);
+            } else {
+                errorMessage(t("synonyms.errorUnknown"));
+            }
+        } finally {
+            setInProgress(false);
+        }
+    }
+    
+    if (!hasKey) {
+        return (
+            <div className="flex flex-col h-full bg-secondary/20 backdrop-blur-sm">
+                <div className="flex-1 p-6 overflow-y-auto flex items-center justify-center">
+                    <div className="max-w-md mx-auto">
+                        <div
+                            className="bg-tertiary/90 backdrop-blur-sm border border-secondary/50 rounded-2xl p-8 text-center shadow-2xl">
+                            <div
+                                className="w-20 h-20 mx-auto mb-6 bg-primary rounded-2xl flex items-center justify-center shadow-lg">
+                                <FontAwesomeIcon icon={faLock} className="w-10 h-10 text-text-primary"/>
+                            </div>
+                            
+                            <h3 className="text-xl font-['ADLaM_Display'] text-text-primary mb-4">
+                                Accès requis
+                            </h3>
+                            
+                            <p className="text-muted leading-relaxed text-lg">
+                                Un abonnement de niveau de base de QuillSense ou une clé API OpenAI est requis pour
+                                activer le dictionnaire intelligent.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+    
+    return (
+        <div className="flex flex-col h-full bg-secondary/20 backdrop-blur-sm overflow-hidden">
+            <div className="p-5 border-b border-secondary/50 bg-secondary/30 shadow-sm">
+                <div className="mb-3">
+                    <div className="flex items-center gap-3 mb-4">
+                        <div className="w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center shadow-sm">
+                            <FontAwesomeIcon icon={faExchangeAlt} className="text-primary w-6 h-6"/>
+                        </div>
+                        <div>
+                            <h3 className="text-xl font-['ADLaM_Display'] text-text-primary">{t("synonyms.heading")}</h3>
+                            <p className="text-sm text-muted">{t("synonyms.subheading")}</p>
+                        </div>
+                    </div>
+                    
+                    <div className="mb-3">
+                        <SearchInputWithSelect
+                            selectValue={type}
+                            setSelectValue={setType}
+                            selectOptions={[
+                                {value: "synonymes", label: t("synonyms.optionSynonyms")},
+                                {value: "antonymes", label: t("synonyms.optionAntonyms")}
+                            ]}
+                            inputValue={wordToCheck}
+                            setInputValue={setWordToCheck}
+                            inputPlaceholder={t("synonyms.inputPlaceholder")}
+                            searchIcon={faSearch}
+                            onSearch={handleSearch}
+                            onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {
+                                if (e.key === 'Enter') {
+                                    handleSearch();
+                                }
+                            }}
+                        />
+                    </div>
+                </div>
+            </div>
+            
+            <div className="flex-1 overflow-y-auto p-4">
+                {inProgress && (
+                    <div className="flex items-center justify-center h-32">
+                        <div className="animate-pulse flex flex-col items-center">
+                            <div
+                                className="w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin mb-3"></div>
+                            <p className="text-text-secondary">{t("synonyms.loading")}</p>
+                        </div>
+                    </div>
+                )}
+                
+                {!inProgress && aiResponse && aiResponse.words.length > 0 && (
+                    <div
+                        className="rounded-xl bg-tertiary/90 backdrop-blur-sm shadow-lg overflow-hidden border border-secondary/50">
+                        <div className="bg-primary/10 p-4 border-b border-secondary/30">
+                            <h3 className="text-xl font-['ADLaM_Display'] text-text-primary flex items-center gap-2">
+                                <FontAwesomeIcon icon={faExchangeAlt} className="text-primary w-6 h-6"/>
+                                <span>
+                                    {type === 'synonymes'
+                                        ? t("synonyms.resultSynonyms", {word: wordToCheck})
+                                        : t("synonyms.resultAntonyms", {word: wordToCheck})}
+                                </span>
+                            </h3>
+                        </div>
+                        
+                        <div className="p-5">
+                            <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
+                                {aiResponse.words.map((item: SynonymAI, index: number) => (
+                                    <div key={index}
+                                         className="bg-secondary/20 rounded-xl p-4 border border-secondary/30 hover:border-primary/50 hover:shadow-md hover:scale-102 transition-all duration-200">
+                                        <div className="font-semibold text-primary mb-1.5">{item.word}</div>
+                                        <div className="text-sm text-muted leading-relaxed">{item.context}</div>
+                                    </div>
+                                ))}
+                            </div>
+                        </div>
+                    </div>
+                )}
+                
+                {!inProgress && (!aiResponse || aiResponse.words.length === 0) && (
+                    <div className="h-full flex flex-col items-center justify-center text-center p-8">
+                        <div
+                            className="w-20 h-20 rounded-2xl bg-primary/10 flex items-center justify-center mb-6 shadow-md">
+                            <FontAwesomeIcon icon={faExchangeAlt} className="w-10 h-10 text-primary"/>
+                        </div>
+                        <h3 className="text-xl font-['ADLaM_Display'] text-text-primary mb-3">
+                            {type === 'synonymes' ? t("synonyms.emptySynonymsTitle") : t("synonyms.emptyAntonymsTitle")}
+                        </h3>
+                        <p className="text-muted max-w-md text-lg leading-relaxed">
+                            {type === 'synonymes'
+                                ? t("synonyms.emptySynonymsDescription")
+                                : t("synonyms.emptyAntonymsDescription")}
+                        </p>
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/rightbar/AboutERitors.tsx b/components/rightbar/AboutERitors.tsx
new file mode 100644
index 0000000..a80cd6b
--- /dev/null
+++ b/components/rightbar/AboutERitors.tsx
@@ -0,0 +1,112 @@
+'use client';
+import React, {useEffect, useRef} from "react";
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faCode, faCopyright, faInfo, faLaptopCode, faTag, faX} from "@fortawesome/free-solid-svg-icons";
+import {configs} from "@/lib/configs";
+import {useTranslations} from "next-intl";
+
+interface AboutEditorsProps {
+    onClose: () => void;
+}
+
+export default function AboutEditors({onClose}: AboutEditorsProps) {
+    const t = useTranslations();
+    const modalRef: React.RefObject<HTMLDivElement | null> = useRef<HTMLDivElement>(null);
+    
+    useEffect((): () => void => {
+        document.body.style.overflow = 'hidden';
+        return (): void => {
+            document.body.style.overflow = 'auto';
+        };
+    }, []);
+    
+    const appInfo = {
+        name: configs.appName,
+        version: configs.appVersion,
+        copyright: t("aboutEditors.copyright"),
+        description: t("aboutEditors.description"),
+        developers: [t("aboutEditors.teamMember")],
+        technologies: [
+            "TypeScript", "NextJS", "NodeJS", "Fastify", "TailwindCSS", "TipTap"
+        ]
+    };
+    
+    return (
+        <div className="fixed inset-0 flex items-center justify-center bg-overlay z-50 backdrop-blur-sm">
+            <div ref={modalRef}
+                 className="bg-tertiary/90 backdrop-blur-sm text-text-primary rounded-2xl border border-secondary/50 shadow-2xl md:w-3/4 xl:w-1/4 lg:w-2/4 sm:w-11/12 max-h-[85vh] flex flex-col">
+                <div className="flex justify-between items-center bg-primary px-5 py-4 rounded-t-2xl shadow-md">
+                    <h2 className="font-['ADLaM_Display'] text-xl text-text-primary">
+                        {t("aboutEditors.title")}
+                    </h2>
+                    <button
+                        className="text-text-primary hover:text-text-primary p-2 rounded-xl hover:bg-text-primary/10 transition-all duration-200 hover:scale-110"
+                        onClick={onClose}>
+                        <FontAwesomeIcon icon={faX} className={'w-5 h-5'}/>
+                    </button>
+                </div>
+                
+                <div className="p-5 overflow-y-auto flex-grow custom-scrollbar">
+                    <div className="flex flex-col items-center mb-6">
+                        <h3 className="text-2xl font-['ADLaM_Display'] text-primary">{appInfo.name}</h3>
+                    </div>
+
+                    <div className="space-y-4">
+                        <div className="bg-secondary/20 rounded-xl p-4 border border-secondary/30 shadow-sm">
+                            <div className="flex items-center mb-2">
+                                <FontAwesomeIcon icon={faTag} className="text-primary mr-2 w-5 h-5"/>
+                                <h4 className="text-lg font-semibold text-text-primary">{t("aboutEditors.version")}</h4>
+                            </div>
+                            <p className="text-muted ml-7">{appInfo.version}</p>
+                        </div>
+                        
+                        <div className="bg-secondary/20 rounded-xl p-4 border border-secondary/30 shadow-sm">
+                            <div className="flex items-center mb-2">
+                                <FontAwesomeIcon icon={faCopyright} className="text-primary mr-2 w-5 h-5"/>
+                                <h4 className="text-lg font-semibold text-text-primary">{t("aboutEditors.copyrightLabel")}</h4>
+                            </div>
+                            <p className="text-muted ml-7">{appInfo.copyright}</p>
+                        </div>
+                        
+                        <div className="bg-secondary/20 rounded-xl p-4 border border-secondary/30 shadow-sm">
+                            <div className="flex items-center mb-2">
+                                <FontAwesomeIcon icon={faInfo} className="text-primary mr-2 w-5 h-5"/>
+                                <h4 className="text-lg font-semibold text-text-primary">{t("aboutEditors.descriptionLabel")}</h4>
+                            </div>
+                            <p className="text-muted ml-7 leading-relaxed">{appInfo.description}</p>
+                        </div>
+                        
+                        <div className="bg-secondary/20 rounded-xl p-4 border border-secondary/30 shadow-sm">
+                            <div className="flex items-center mb-2">
+                                <FontAwesomeIcon icon={faLaptopCode} className="text-primary mr-2 w-5 h-5"/>
+                                <h4 className="text-lg font-semibold text-text-primary">{t("aboutEditors.teamLabel")}</h4>
+                            </div>
+                            <ul className="text-muted ml-7">
+                                {appInfo.developers.map((dev: string, index: number) => (
+                                    <li key={index}>{dev}</li>
+                                ))}
+                            </ul>
+                        </div>
+                        
+                        <div className="bg-secondary/20 rounded-xl p-4 border border-secondary/30 shadow-sm">
+                            <div className="flex items-center mb-2">
+                                <FontAwesomeIcon icon={faCode} className="text-primary mr-2 w-5 h-5"/>
+                                <h4 className="text-lg font-semibold text-text-primary">{t("aboutEditors.techLabel")}</h4>
+                            </div>
+                            <div className="flex flex-wrap gap-2 ml-7">
+                                {appInfo.technologies.map((tech, index) => (
+                                    <span
+                                        key={index}
+                                        className="bg-primary/20 text-primary px-2.5 py-1 rounded-lg text-sm font-medium border border-primary/30"
+                                    >
+                                        {tech}
+                                    </span>
+                                ))}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/rightbar/ComposerRightBar.tsx b/components/rightbar/ComposerRightBar.tsx
new file mode 100644
index 0000000..d5a96e8
--- /dev/null
+++ b/components/rightbar/ComposerRightBar.tsx
@@ -0,0 +1,213 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faFeather, faGlobe, faInfoCircle, faMapMarkerAlt, faUsers} from "@fortawesome/free-solid-svg-icons";
+import React, {RefObject, useContext, useRef, useState} from "react";
+import {BookContext} from "@/context/BookContext";
+import {ChapterContext} from "@/context/ChapterContext";
+import {PanelComponent} from "@/lib/models/Editor";
+import PanelHeader from "@/components/PanelHeader";
+import AboutEditors from "@/components/rightbar/AboutERitors";
+import {faDiscord, faFacebook} from "@fortawesome/free-brands-svg-icons";
+import WorldSetting from "@/components/book/settings/world/WorldSetting";
+import LocationComponent from "@/components/book/settings/locations/LocationComponent";
+import CharacterComponent from "@/components/book/settings/characters/CharacterComponent";
+import QuillSense from "@/components/quillsense/QuillSenseComponent";
+import {useTranslations} from "next-intl";
+
+export default function ComposerRightBar() {
+    const {book} = useContext(BookContext);
+    const {chapter} = useContext(ChapterContext);
+    
+    const t = useTranslations();
+    
+    const [panelHidden, setPanelHidden] = useState<boolean>(false);
+    const [currentPanel, setCurrentPanel] = useState<PanelComponent | undefined>()
+    
+    const [showAbout, setShowAbout] = useState<boolean>(false);
+    
+    const worldRef: RefObject<{ handleSave: () => Promise<void> } | null> = useRef<{
+        handleSave: () => Promise<void>
+    }>(null);
+    const locationRef: RefObject<{ handleSave: () => Promise<void> } | null> = useRef<{
+        handleSave: () => Promise<void>
+    }>(null);
+    const characterRef: RefObject<{ handleSave: () => Promise<void> } | null> = useRef<{
+        handleSave: () => Promise<void>
+    }>(null);
+    
+    async function handleSaveClick(): Promise<void> {
+        switch (currentPanel?.id) {
+            case 2:
+                worldRef.current?.handleSave();
+                break;
+            case 3:
+                locationRef.current?.handleSave();
+                break;
+            case 4:
+                characterRef.current?.handleSave();
+                break;
+            default:
+                break;
+        }
+    }
+    
+    function togglePanel(component: PanelComponent): void {
+        if (panelHidden) {
+            if (currentPanel?.id === component.id) {
+                setPanelHidden(!panelHidden);
+                return;
+            }
+        } else {
+            setPanelHidden(true);
+        }
+    }
+    
+    const editorComponents: PanelComponent[] = [
+        {
+            id: 1,
+            title: t("composerRightBar.editorComponents.quillSense.title"),
+            description: t("composerRightBar.editorComponents.quillSense.description"),
+            badge: t("composerRightBar.editorComponents.quillSense.badge"),
+            icon: faFeather
+        },
+        {
+            id: 2,
+            title: t("composerRightBar.editorComponents.worlds.title"),
+            description: t("composerRightBar.editorComponents.worlds.description"),
+            badge: t("composerRightBar.editorComponents.worlds.badge"),
+            icon: faGlobe
+        },
+        {
+            id: 3,
+            title: t("composerRightBar.editorComponents.locations.title"),
+            description: t("composerRightBar.editorComponents.locations.description"),
+            badge: t("composerRightBar.editorComponents.locations.badge"),
+            icon: faMapMarkerAlt
+        },
+        {
+            id: 4,
+            title: t("composerRightBar.editorComponents.characters.title"),
+            description: t("composerRightBar.editorComponents.characters.description"),
+            badge: t("composerRightBar.editorComponents.characters.badge"),
+            icon: faUsers
+        },
+        /*{
+            id: 5,
+            title: t("composerRightBar.editorComponents.items.title"),
+            description: t("composerRightBar.editorComponents.items.description"),
+            badge: t("composerRightBar.editorComponents.items.badge"),
+            icon: faCube,
+        }*/
+    ]
+    
+    const homeComponents: PanelComponent[] = [
+        {
+            id: 1,
+            title: t("composerRightBar.homeComponents.about.title"),
+            description: t("composerRightBar.homeComponents.about.description"),
+            badge: t("composerRightBar.homeComponents.about.badge"),
+            icon: faInfoCircle,
+            action: () => setShowAbout(true)
+        },
+        {
+            id: 2,
+            title: t("composerRightBar.homeComponents.facebook.title"),
+            description: t("composerRightBar.homeComponents.facebook.description"),
+            badge: t("composerRightBar.homeComponents.facebook.badge"),
+            icon: faFacebook,
+            action: () => window.open('https://www.facebook.com/profile.php?id=61562628720878', '_blank')
+        },
+        {
+            id: 3,
+            title: t("composerRightBar.homeComponents.discord.title"),
+            description: t("composerRightBar.homeComponents.discord.description"),
+            badge: t("composerRightBar.homeComponents.discord.badge"),
+            icon: faDiscord,
+            action: () => window.open('https://discord.gg/CHXRPvmaXm', '_blank')
+        }
+    ]
+    
+    function disabled(componentId: number): boolean {
+        switch (componentId) {
+            case 1:
+                return book === null;
+            default:
+                return book === null;
+        }
+    }
+    
+    return (
+        <div id="right-panel-container" className="flex transition-all duration-300">
+            {panelHidden && (
+                <div id="right-panel"
+                     className="bg-tertiary/95 backdrop-blur-sm border-l border-secondary/50 min-w-[450px] max-w-[450px] h-full transition-all duration-300 overflow-hidden shadow-2xl">
+                    <div className="flex flex-col h-full">
+                        <PanelHeader title={currentPanel?.title ?? ''}
+                                     description={currentPanel?.description ?? ''}
+                                     badge={currentPanel?.badge ?? ''}
+                                     icon={currentPanel?.icon}
+                                     secondActionCallback={currentPanel?.id === 2 || currentPanel?.id === 3 || currentPanel?.id === 4 ? handleSaveClick : undefined}
+                                     callBackAction={async () => setPanelHidden(!panelHidden)}
+                        />
+                        <div className="flex-grow overflow-auto">
+                            {currentPanel?.id === 1 && (
+                                <QuillSense/>
+                            )}
+                            {currentPanel?.id === 2 && (
+                                <WorldSetting ref={worldRef}/>
+                            )}
+                            {currentPanel?.id === 3 && (
+                                <LocationComponent ref={locationRef}/>
+                            )}
+                            {currentPanel?.id === 4 && (
+                                <CharacterComponent ref={characterRef}/>
+                            )}
+                        </div>
+                    </div>
+                </div>
+            )}
+            <div className="bg-tertiary border-l border-secondary/50 p-3 flex flex-col space-y-3 shadow-xl">
+                {book ? editorComponents.map((component: PanelComponent) => (
+                    <button
+                        key={component.id}
+                        disabled={disabled(component.id)}
+                        onClick={() => {
+                            togglePanel(component);
+                            setCurrentPanel(component);
+                        }}
+                        className={`group relative p-3 rounded-xl transition-all duration-200 ${
+                            disabled(component.id)
+                                ? 'bg-secondary/10 text-muted cursor-not-allowed opacity-40'
+                                : panelHidden && currentPanel?.id === component.id
+                                    ? 'bg-primary text-text-primary shadow-lg shadow-primary/30 scale-105'
+                                    : 'bg-secondary/30 text-muted hover:text-text-primary hover:bg-secondary hover:shadow-md hover:scale-105'
+                        }`}
+                        title={component.title}
+                    >
+                        <FontAwesomeIcon icon={component.icon}
+                                         className={'w-5 h-5 transition-transform duration-200 group-hover:scale-110'}/>
+                        {panelHidden && currentPanel?.id === component.id && (
+                            <div
+                                className="absolute -left-1 top-1/2 -translate-y-1/2 w-1 h-8 bg-primary rounded-r-full"></div>
+                        )}
+                    </button>
+                )) : homeComponents.map((component: PanelComponent) => (
+                    <button
+                        key={component.id}
+                        onClick={component.action ?? (() => {
+                        })}
+                        className={`group relative p-3 rounded-xl transition-all duration-200 ${panelHidden && currentPanel?.id === component.id
+                            ? 'bg-primary text-text-primary shadow-lg shadow-primary/30 scale-105'
+                            : 'bg-secondary/30 text-muted hover:text-text-primary hover:bg-secondary hover:shadow-md hover:scale-105'}`}
+                        title={component.title}
+                    >
+                        <FontAwesomeIcon icon={component.icon}
+                                         className={'w-5 h-5 transition-transform duration-200 group-hover:scale-110'}/>
+                    </button>
+                ))}
+            </div>
+            {
+                showAbout && <AboutEditors onClose={() => setShowAbout(false)}/>
+            }
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..269b7f9
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,10274 @@
+{
+  "name": "eritorsscribe",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "eritorsscribe",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "@emotion/css": "^11.13.5",
+        "@fortawesome/fontawesome-svg-core": "^7.1.0",
+        "@fortawesome/free-brands-svg-icons": "^7.1.0",
+        "@fortawesome/free-regular-svg-icons": "^7.1.0",
+        "@fortawesome/free-solid-svg-icons": "^7.1.0",
+        "@fortawesome/react-fontawesome": "^3.1.0",
+        "@tailwindcss/postcss": "^4.1.17",
+        "@tiptap/extension-color": "^3.10.7",
+        "@tiptap/extension-gapcursor": "^3.10.7",
+        "@tiptap/extension-highlight": "^3.10.7",
+        "@tiptap/extension-text-align": "^3.10.7",
+        "@tiptap/extension-underline": "^3.10.7",
+        "@tiptap/react": "^3.10.7",
+        "@tiptap/starter-kit": "^3.10.7",
+        "antd": "^5.28.1",
+        "autoprefixer": "^10.4.22",
+        "axios": "^1.13.2",
+        "i18next": "^25.6.2",
+        "js-cookie": "^3.0.5",
+        "next": "^16.0.3",
+        "next-export-i18n": "^2.4.3",
+        "next-intl": "^4.5.3",
+        "postcss": "^8.5.6",
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0",
+        "react-i18next": "^16.3.3",
+        "react-slick": "^0.31.0",
+        "tailwindcss": "^4.1.17"
+      },
+      "devDependencies": {
+        "@types/js-cookie": "^3.0.6",
+        "@types/jsonwebtoken": "^9.0.10",
+        "@types/node": "^24.10.1",
+        "@types/react": "^19.2.5",
+        "@types/react-dom": "^19.2.3",
+        "concurrently": "^9.2.1",
+        "electron": "^39.2.1",
+        "electron-builder": "^26.0.12",
+        "tsx": "^4.20.6",
+        "typescript": "^5.9.3"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@ant-design/colors": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.2.1.tgz",
+      "integrity": "sha512-lCHDcEzieu4GA3n8ELeZ5VQ8pKQAWcGGLRTQ50aQM2iqPpq2evTxER84jfdPvsPAtEcZ7m44NI45edFMo8oOYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/fast-color": "^2.0.6"
+      }
+    },
+    "node_modules/@ant-design/cssinjs": {
+      "version": "1.24.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.24.0.tgz",
+      "integrity": "sha512-K4cYrJBsgvL+IoozUXYjbT6LHHNt+19a9zkvpBPxLjFHas1UpPM2A5MlhROb0BT8N8WoavM5VsP9MeSeNK/3mg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "@emotion/hash": "^0.8.0",
+        "@emotion/unitless": "^0.7.5",
+        "classnames": "^2.3.1",
+        "csstype": "^3.1.3",
+        "rc-util": "^5.35.0",
+        "stylis": "^4.3.4"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/cssinjs-utils": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs-utils/-/cssinjs-utils-1.1.3.tgz",
+      "integrity": "sha512-nOoQMLW1l+xR1Co8NFVYiP8pZp3VjIIzqV6D6ShYF2ljtdwWJn5WSsH+7kvCktXL/yhEtWURKOfH5Xz/gzlwsg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/cssinjs": "^1.21.0",
+        "@babel/runtime": "^7.23.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@ant-design/cssinjs/node_modules/@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
+      "license": "MIT"
+    },
+    "node_modules/@ant-design/cssinjs/node_modules/@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==",
+      "license": "MIT"
+    },
+    "node_modules/@ant-design/cssinjs/node_modules/stylis": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
+      "integrity": "sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==",
+      "license": "MIT"
+    },
+    "node_modules/@ant-design/fast-color": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@ant-design/fast-color/-/fast-color-2.0.6.tgz",
+      "integrity": "sha512-y2217gk4NqL35giHl72o6Zzqji9O7vHh9YmhUVkPtAOpoTCH4uWxo/pr4VE8t0+ChEPs0qo4eJRC5Q1eXWo3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@ant-design/icons": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.6.1.tgz",
+      "integrity": "sha512-0/xS39c91WjPAZOWsvi1//zjx6kAp4kxWwctR6kuU6p133w8RU0D2dSCvZC19uQyharg/sAvYxGYWl01BbZZfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/icons-svg": "^4.4.0",
+        "@babel/runtime": "^7.24.8",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.31.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/icons-svg": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz",
+      "integrity": "sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==",
+      "license": "MIT"
+    },
+    "node_modules/@ant-design/react-slick": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/react-slick/-/react-slick-1.1.2.tgz",
+      "integrity": "sha512-EzlvzE6xQUBrZuuhSAFTdsr4P2bBBHGZwKFemEfq8gIGyIQCxalYfZW/T2ORbtQx5rU69o+WycP3exY/7T1hGA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.4",
+        "classnames": "^2.2.5",
+        "json2mq": "^0.2.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "throttle-debounce": "^5.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
+      "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.5"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
+      "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.5",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@develar/schema-utils": {
+      "version": "2.6.5",
+      "resolved": "https://registry.npmjs.org/@develar/schema-utils/-/schema-utils-2.6.5.tgz",
+      "integrity": "sha512-0cp4PsWQ/9avqTVMCtZ+GirikIA36ikvjtHweU4/j8yLtgObI0+JUPhYFScgwlteveGB1rt3Cm8UhN04XayDig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.0",
+        "ajv-keywords": "^3.4.1"
+      },
+      "engines": {
+        "node": ">= 8.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/@electron/asar": {
+      "version": "3.2.18",
+      "resolved": "https://registry.npmjs.org/@electron/asar/-/asar-3.2.18.tgz",
+      "integrity": "sha512-2XyvMe3N3Nrs8cV39IKELRHTYUWFKrmqqSY1U+GMlc0jvqjIVnoxhNd2H4JolWQncbJi1DCvb5TNxZuI2fEjWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^5.0.0",
+        "glob": "^7.1.6",
+        "minimatch": "^3.0.4"
+      },
+      "bin": {
+        "asar": "bin/asar.js"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
+    "node_modules/@electron/asar/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@electron/fuses": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@electron/fuses/-/fuses-1.8.0.tgz",
+      "integrity": "sha512-zx0EIq78WlY/lBb1uXlziZmDZI4ubcCXIMJ4uGjXzZW0nS19TjSPeXPAjzzTmKQlJUZm0SbmZhPKP7tuQ1SsEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.1",
+        "fs-extra": "^9.0.1",
+        "minimist": "^1.2.5"
+      },
+      "bin": {
+        "electron-fuses": "dist/bin.js"
+      }
+    },
+    "node_modules/@electron/fuses/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@electron/fuses/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/@electron/fuses/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@electron/get": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@electron/get/-/get-2.0.3.tgz",
+      "integrity": "sha512-Qkzpg2s9GnVV2I2BjRksUi43U5e6+zaQMcjoJy0C+C5oxaKl+fmckGDQFtRpZpZV0NQekuZZ+tGz7EA9TVnQtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "env-paths": "^2.2.0",
+        "fs-extra": "^8.1.0",
+        "got": "^11.8.5",
+        "progress": "^2.0.3",
+        "semver": "^6.2.0",
+        "sumchecker": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "global-agent": "^3.0.0"
+      }
+    },
+    "node_modules/@electron/node-gyp": {
+      "version": "10.2.0-electron.1",
+      "resolved": "git+ssh://git@github.com/electron/node-gyp.git#06b29aafb7708acef8b3669835c8a7857ebc92d2",
+      "integrity": "sha512-CrYo6TntjpoMO1SHjl5Pa/JoUsECNqNdB7Kx49WLQpWzPw53eEITJ2Hs9fh/ryUYDn4pxZz11StaBYBrLFJdqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.0",
+        "exponential-backoff": "^3.1.1",
+        "glob": "^8.1.0",
+        "graceful-fs": "^4.2.6",
+        "make-fetch-happen": "^10.2.1",
+        "nopt": "^6.0.0",
+        "proc-log": "^2.0.1",
+        "semver": "^7.3.5",
+        "tar": "^6.2.1",
+        "which": "^2.0.2"
+      },
+      "bin": {
+        "node-gyp": "bin/node-gyp.js"
+      },
+      "engines": {
+        "node": ">=12.13.0"
+      }
+    },
+    "node_modules/@electron/node-gyp/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@electron/node-gyp/node_modules/glob": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^5.0.1",
+        "once": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@electron/node-gyp/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@electron/node-gyp/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@electron/notarize": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@electron/notarize/-/notarize-2.5.0.tgz",
+      "integrity": "sha512-jNT8nwH1f9X5GEITXaQ8IF/KdskvIkOFfB2CvwumsveVidzpSc+mvhhTMdAGSYF3O+Nq49lJ7y+ssODRXu06+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "fs-extra": "^9.0.1",
+        "promise-retry": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@electron/notarize/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@electron/notarize/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/@electron/notarize/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@electron/osx-sign": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@electron/osx-sign/-/osx-sign-1.3.1.tgz",
+      "integrity": "sha512-BAfviURMHpmb1Yb50YbCxnOY0wfwaLXH5KJ4+80zS0gUkzDX3ec23naTlEqKsN+PwYn+a1cCzM7BJ4Wcd3sGzw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "compare-version": "^0.1.2",
+        "debug": "^4.3.4",
+        "fs-extra": "^10.0.0",
+        "isbinaryfile": "^4.0.8",
+        "minimist": "^1.2.6",
+        "plist": "^3.0.5"
+      },
+      "bin": {
+        "electron-osx-flat": "bin/electron-osx-flat.js",
+        "electron-osx-sign": "bin/electron-osx-sign.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@electron/osx-sign/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@electron/osx-sign/node_modules/isbinaryfile": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz",
+      "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/gjtorikian/"
+      }
+    },
+    "node_modules/@electron/osx-sign/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/@electron/osx-sign/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@electron/rebuild": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@electron/rebuild/-/rebuild-3.7.0.tgz",
+      "integrity": "sha512-VW++CNSlZwMYP7MyXEbrKjpzEwhB5kDNbzGtiPEjwYysqyTCF+YbNJ210Dj3AjWsGSV4iEEwNkmJN9yGZmVvmw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@electron/node-gyp": "git+https://github.com/electron/node-gyp.git#06b29aafb7708acef8b3669835c8a7857ebc92d2",
+        "@malept/cross-spawn-promise": "^2.0.0",
+        "chalk": "^4.0.0",
+        "debug": "^4.1.1",
+        "detect-libc": "^2.0.1",
+        "fs-extra": "^10.0.0",
+        "got": "^11.7.0",
+        "node-abi": "^3.45.0",
+        "node-api-version": "^0.2.0",
+        "ora": "^5.1.0",
+        "read-binary-file-arch": "^1.0.6",
+        "semver": "^7.3.5",
+        "tar": "^6.0.5",
+        "yargs": "^17.0.1"
+      },
+      "bin": {
+        "electron-rebuild": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=12.13.0"
+      }
+    },
+    "node_modules/@electron/rebuild/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@electron/rebuild/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/@electron/rebuild/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@electron/rebuild/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@electron/universal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@electron/universal/-/universal-2.0.1.tgz",
+      "integrity": "sha512-fKpv9kg4SPmt+hY7SVBnIYULE9QJl8L3sCfcBsnqbJwwBwAeTLokJ9TRt9y7bK0JAzIW2y78TVVjvnQEms/yyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@electron/asar": "^3.2.7",
+        "@malept/cross-spawn-promise": "^2.0.0",
+        "debug": "^4.3.1",
+        "dir-compare": "^4.2.0",
+        "fs-extra": "^11.1.1",
+        "minimatch": "^9.0.3",
+        "plist": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=16.4"
+      }
+    },
+    "node_modules/@electron/universal/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@electron/universal/node_modules/fs-extra": {
+      "version": "11.3.2",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.2.tgz",
+      "integrity": "sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/@electron/universal/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/@electron/universal/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@electron/universal/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@electron/windows-sign": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@electron/windows-sign/-/windows-sign-1.2.2.tgz",
+      "integrity": "sha512-dfZeox66AvdPtb2lD8OsIIQh12Tp0GNCRUDfBHIKGpbmopZto2/A8nSpYYLoedPIHpqkeblZ/k8OV0Gy7PYuyQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "cross-dirname": "^0.1.0",
+        "debug": "^4.3.4",
+        "fs-extra": "^11.1.1",
+        "minimist": "^1.2.8",
+        "postject": "^1.0.0-alpha.6"
+      },
+      "bin": {
+        "electron-windows-sign": "bin/electron-windows-sign.js"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/@electron/windows-sign/node_modules/fs-extra": {
+      "version": "11.3.2",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.2.tgz",
+      "integrity": "sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/@electron/windows-sign/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/@electron/windows-sign/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.7.1.tgz",
+      "integrity": "sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
+      "integrity": "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/serialize": "^1.3.3",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz",
+      "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/css": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/css/-/css-11.13.5.tgz",
+      "integrity": "sha512-wQdD0Xhkn3Qy2VNcIzbLP9MR8TafI0MJb7BEAXKp+w4+XqErksWR4OXomuDzPsN4InLdGhVe6EYcn2ZIUCpB8w==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.13.5",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
+      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
+      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/unitless": "^0.10.0",
+        "@emotion/utils": "^1.4.2",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
+      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
+      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
+      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
+      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
+      "license": "MIT"
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.6.tgz",
+      "integrity": "sha512-HJnTFeRM2kVFVr5gr5kH1XP6K0JcJtE7Lzvtr3FS/so5f1kpsqqqxy5JF+FRaO6H2qmcMfAUIox7AJteieRtVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/fast-memoize": "2.2.7",
+        "@formatjs/intl-localematcher": "0.6.2",
+        "decimal.js": "^10.4.3",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/ecma402-abstract/node_modules/@formatjs/intl-localematcher": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.6.2.tgz",
+      "integrity": "sha512-XOMO2Hupl0wdd172Y06h6kLpBz6Dv+J4okPLl4LPtzbr8f66WbIoy4ev98EBuZ6ZK4h5ydTN6XneT4QVpD7cdA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.7.tgz",
+      "integrity": "sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.11.4.tgz",
+      "integrity": "sha512-7kR78cRrPNB4fjGFZg3Rmj5aah8rQj9KPzuLsmcSn4ipLXQvC04keycTI1F7kJYDwIXtT2+7IDEto842CfZBtw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "@formatjs/icu-skeleton-parser": "1.8.16",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.8.16",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.16.tgz",
+      "integrity": "sha512-H13E9Xl+PxBd8D5/6TVUluSpxGNvFSlN/b3coUp0e0JpuWXXnQDiavIpY3NnvSp4xhEMoXyyBvVfdFX8jglOHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.10.tgz",
+      "integrity": "sha512-af3qATX+m4Rnd9+wHcjJ4w2ijq+rAVP3CCinJQvFv1kgSu1W6jypUmvleJxcewdxmutM8dmIRZFxO/IQBZmP2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.1.0.tgz",
+      "integrity": "sha512-l/BQM7fYntsCI//du+6sEnHOP6a74UixFyOYUyz2DLMXKx+6DEhfR3F2NYGE45XH1JJuIamacb4IZs9S0ZOWLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/fontawesome-svg-core": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-7.1.0.tgz",
+      "integrity": "sha512-fNxRUk1KhjSbnbuBxlWSnBLKLBNun52ZBTcs22H/xEEzM6Ap81ZFTQ4bZBxVQGQgVY0xugKGoRcCbaKjLQ3XZA==",
+      "license": "MIT",
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "7.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-brands-svg-icons": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-7.1.0.tgz",
+      "integrity": "sha512-9byUd9bgNfthsZAjBl6GxOu1VPHgBuRUP9juI7ZoM98h8xNPTCTagfwUFyYscdZq4Hr7gD1azMfM9s5tIWKZZA==",
+      "license": "(CC-BY-4.0 AND MIT)",
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "7.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-regular-svg-icons": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-7.1.0.tgz",
+      "integrity": "sha512-0e2fdEyB4AR+e6kU4yxwA/MonnYcw/CsMEP9lH82ORFi9svA6/RhDyhxIv5mlJaldmaHLLYVTb+3iEr+PDSZuQ==",
+      "license": "(CC-BY-4.0 AND MIT)",
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "7.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-solid-svg-icons": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-7.1.0.tgz",
+      "integrity": "sha512-Udu3K7SzAo9N013qt7qmm22/wo2hADdheXtBfxFTecp+ogsc0caQNRKEb7pkvvagUGOpG9wJC1ViH6WXs8oXIA==",
+      "license": "(CC-BY-4.0 AND MIT)",
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "7.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/react-fontawesome": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-3.1.0.tgz",
+      "integrity": "sha512-5OUQH9aDH/xHJwnpD4J7oEdGvFGJgYnGe0UebaPIdMW9UxYC/f5jv2VjVEgnikdJN0HL8yQxp9Nq+7gqGZpIIA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      },
+      "peerDependencies": {
+        "@fortawesome/fontawesome-svg-core": "~6 || ~7",
+        "react": "^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@gar/promisify": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
+      "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@img/colour": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",
+      "integrity": "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@isaacs/balanced-match": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
+      "integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@isaacs/brace-expansion": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.0.tgz",
+      "integrity": "sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@isaacs/balanced-match": "^4.0.1"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@malept/cross-spawn-promise": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@malept/cross-spawn-promise/-/cross-spawn-promise-2.0.0.tgz",
+      "integrity": "sha512-1DpKU0Z5ThltBwjNySMC14g0CkbyhCaz9FkhxqNsZI6uAPJXFS8cMXlBKo26FJ8ZuW6S9GCMcR9IO5k2X5/9Fg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/malept"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/subscription/pkg/npm-.malept-cross-spawn-promise?utm_medium=referral&utm_source=npm_fund"
+        }
+      ],
+      "license": "Apache-2.0",
+      "dependencies": {
+        "cross-spawn": "^7.0.1"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/@malept/flatpak-bundler": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@malept/flatpak-bundler/-/flatpak-bundler-0.4.0.tgz",
+      "integrity": "sha512-9QOtNffcOF/c1seMCDnjckb3R9WHcG34tky+FHpNKKCW0wc/scYLwMtO+ptyGUfMW0/b/n4qRiALlaFHc9Oj7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "fs-extra": "^9.0.0",
+        "lodash": "^4.17.15",
+        "tmp-promise": "^3.0.2"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@malept/flatpak-bundler/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@malept/flatpak-bundler/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/@malept/flatpak-bundler/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.0.3.tgz",
+      "integrity": "sha512-IqgtY5Vwsm14mm/nmQaRMmywCU+yyMIYfk3/MHZ2ZTJvwVbBn3usZnjMi1GacrMVzVcAxJShTCpZlPs26EdEjQ==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.0.3.tgz",
+      "integrity": "sha512-MOnbd92+OByu0p6QBAzq1ahVWzF6nyfiH07dQDez4/Nku7G249NjxDVyEfVhz8WkLiOEU+KFVnqtgcsfP2nLXg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.0.3.tgz",
+      "integrity": "sha512-i70C4O1VmbTivYdRlk+5lj9xRc2BlK3oUikt3yJeHT1unL4LsNtN7UiOhVanFdc7vDAgZn1tV/9mQwMkWOJvHg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.0.3.tgz",
+      "integrity": "sha512-O88gCZ95sScwD00mn/AtalyCoykhhlokxH/wi1huFK+rmiP5LAYVs/i2ruk7xST6SuXN4NI5y4Xf5vepb2jf6A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.0.3.tgz",
+      "integrity": "sha512-CEErFt78S/zYXzFIiv18iQCbRbLgBluS8z1TNDQoyPi8/Jr5qhR3e8XHAIxVxPBjDbEMITprqELVc5KTfFj0gg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.0.3.tgz",
+      "integrity": "sha512-Tc3i+nwt6mQ+Dwzcri/WNDj56iWdycGVh5YwwklleClzPzz7UpfaMw1ci7bLl6GRYMXhWDBfe707EXNjKtiswQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.0.3.tgz",
+      "integrity": "sha512-zTh03Z/5PBBPdTurgEtr6nY0vI9KR9Ifp/jZCcHlODzwVOEKcKRBtQIGrkc7izFgOMuXDEJBmirwpGqdM/ZixA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.0.3.tgz",
+      "integrity": "sha512-Jc1EHxtZovcJcg5zU43X3tuqzl/sS+CmLgjRP28ZT4vk869Ncm2NoF8qSTaL99gh6uOzgM99Shct06pSO6kA6g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.0.3.tgz",
+      "integrity": "sha512-N7EJ6zbxgIYpI/sWNzpVKRMbfEGgsWuOIvzkML7wxAAZhPk1Msxuo/JDu1PKjWGrAoOLaZcIX5s+/pF5LIbBBg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@npmcli/fs": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-2.1.2.tgz",
+      "integrity": "sha512-yOJKRvohFOaLqipNtwYB9WugyZKhC/DZC4VYPmpaCzDBrA8YpK3qHZ8/HGscMnE4GqbkLNuVcCnxkeQEdGt6LQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@gar/promisify": "^1.1.3",
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@npmcli/fs/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@npmcli/move-file": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-2.0.1.tgz",
+      "integrity": "sha512-mJd2Z5TjYWq/ttPLLGqArdtnC74J6bOzg4rMDnN+p1xTacZ2yPRCk2y0oSWQtygLR9YVQXgOcONrwtnk3JupxQ==",
+      "deprecated": "This functionality has been moved to @npmcli/fs",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mkdirp": "^1.0.4",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@rc-component/async-validator": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@rc-component/async-validator/-/async-validator-5.0.4.tgz",
+      "integrity": "sha512-qgGdcVIF604M9EqjNF0hbUTz42bz/RDtxWdWuU5EQe3hi7M8ob54B6B35rOsvX5eSvIHIzT9iH1R3n+hk3CGfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.4"
+      },
+      "engines": {
+        "node": ">=14.x"
+      }
+    },
+    "node_modules/@rc-component/color-picker": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-2.0.1.tgz",
+      "integrity": "sha512-WcZYwAThV/b2GISQ8F+7650r5ZZJ043E57aVBFkQ+kSY4C6wdofXgB0hBx+GPGpIU0Z81eETNoDUJMr7oy/P8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/fast-color": "^2.0.6",
+        "@babel/runtime": "^7.23.6",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/context": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/context/-/context-1.4.0.tgz",
+      "integrity": "sha512-kFcNxg9oLRMoL3qki0OMxK+7g5mypjgaaJp/pkOis/6rVxma9nJBF/8kCIuTYHUQNr0ii7MxqE33wirPZLJQ2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/mini-decimal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
+      "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@rc-component/mutate-observer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz",
+      "integrity": "sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/portal": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@rc-component/portal/-/portal-1.1.2.tgz",
+      "integrity": "sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/qrcode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/qrcode/-/qrcode-1.1.0.tgz",
+      "integrity": "sha512-ABA80Yer0c6I2+moqNY0kF3Y1NxIT6wDP/EINIqbiRbfZKP1HtHpKMh8WuTXLgVGYsoWG2g9/n0PgM8KdnJb4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "classnames": "^2.3.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/tour": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.15.1.tgz",
+      "integrity": "sha512-Tr2t7J1DKZUpfJuDZWHxyxWpfmj8EZrqSgyMZ+BCdvKZ6r1UDsfU46M/iWAAFBy961Ssfom2kv5f3UcjIL2CmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/portal": "^1.0.0-9",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/trigger": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-2.3.0.tgz",
+      "integrity": "sha512-iwaxZyzOuK0D7lS+0AQEtW52zUWxoGqTGkke3dRyb8pYiShmRpCjB/8TzPI4R6YySCH7Vm9BZj/31VPiiQTLBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "@rc-component/portal": "^1.1.0",
+        "classnames": "^2.3.2",
+        "rc-motion": "^2.0.0",
+        "rc-resize-observer": "^1.3.1",
+        "rc-util": "^5.44.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@remirror/core-constants": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz",
+      "integrity": "sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==",
+      "license": "MIT"
+    },
+    "node_modules/@schummar/icu-type-parser": {
+      "version": "1.21.5",
+      "resolved": "https://registry.npmjs.org/@schummar/icu-type-parser/-/icu-type-parser-1.21.5.tgz",
+      "integrity": "sha512-bXHSaW5jRTmke9Vd0h5P7BtWZG9Znqb8gSDxZnxaGSJnGwPLDPfS+3g0BKzeWqzgZPsIVZkM7m2tbo18cm5HBw==",
+      "license": "MIT"
+    },
+    "node_modules/@sindresorhus/is": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-4.6.0.tgz",
+      "integrity": "sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/is?sponsor=1"
+      }
+    },
+    "node_modules/@swc/core-darwin-arm64": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.2.tgz",
+      "integrity": "sha512-Ghyz4RJv4zyXzrUC1B2MLQBbppIB5c4jMZJybX2ebdEQAvryEKp3gq1kBksCNsatKGmEgXul88SETU19sMWcrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-darwin-x64": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.2.tgz",
+      "integrity": "sha512-7n/PGJOcL2QoptzL42L5xFFfXY5rFxLHnuz1foU+4ruUTG8x2IebGhtwVTpaDN8ShEv2UZObBlT1rrXTba15Zw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm-gnueabihf": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.2.tgz",
+      "integrity": "sha512-ZUQVCfRJ9wimuxkStRSlLwqX4TEDmv6/J+E6FicGkQ6ssLMWoKDy0cAo93HiWt/TWEee5vFhFaSQYzCuBEGO6A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-gnu": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.2.tgz",
+      "integrity": "sha512-GZh3pYBmfnpQ+JIg+TqLuz+pM+Mjsk5VOzi8nwKn/m+GvQBsxD5ectRtxuWUxMGNG8h0lMy4SnHRqdK3/iJl7A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-musl": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.2.tgz",
+      "integrity": "sha512-5av6VYZZeneiYIodwzGMlnyVakpuYZryGzFIbgu1XP8wVylZxduEzup4eP8atiMDFmIm+s4wn8GySJmYqeJC0A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-gnu": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.2.tgz",
+      "integrity": "sha512-1nO/UfdCLuT/uE/7oB3EZgTeZDCIa6nL72cFEpdegnqpJVNDI6Qb8U4g/4lfVPkmHq2lvxQ0L+n+JdgaZLhrRA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-musl": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.2.tgz",
+      "integrity": "sha512-Ksfrb0Tx310kr+TLiUOvB/I80lyZ3lSOp6cM18zmNRT/92NB4mW8oX2Jo7K4eVEI2JWyaQUAFubDSha2Q+439A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-arm64-msvc": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.2.tgz",
+      "integrity": "sha512-IzUb5RlMUY0r1A9IuJrQ7Tbts1wWb73/zXVXT8VhewbHGoNlBKE0qUhKMED6Tv4wDF+pmbtUJmKXDthytAvLmg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-ia32-msvc": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.2.tgz",
+      "integrity": "sha512-kCATEzuY2LP9AlbU2uScjcVhgnCAkRdu62vbce17Ro5kxEHxYWcugkveyBRS3AqZGtwAKYbMAuNloer9LS/hpw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-x64-msvc": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.2.tgz",
+      "integrity": "sha512-iJaHeYCF4jTn7OEKSa3KRiuVFIVYts8jYjNmCdyz1u5g8HRyTDISD76r8+ljEOgm36oviRQvcXaw6LFp1m0yyA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@swc/types": {
+      "version": "0.1.25",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.25.tgz",
+      "integrity": "sha512-iAoY/qRhNH8a/hBvm3zKj9qQ4oc2+3w1unPJa2XvTK3XjeLXtzcCingVPw/9e5mn1+0yPqxcBGp9Jf0pkfMb1g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3"
+      }
+    },
+    "node_modules/@szmarczak/http-timer": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-4.0.6.tgz",
+      "integrity": "sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "defer-to-connect": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.17.tgz",
+      "integrity": "sha512-csIkHIgLb3JisEFQ0vxr2Y57GUNYh447C8xzwj89U/8fdW8LhProdxvnVH6U8M2Y73QKiTIH+LWbK3V2BBZsAg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.4",
+        "enhanced-resolve": "^5.18.3",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.30.2",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.17"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.17.tgz",
+      "integrity": "sha512-F0F7d01fmkQhsTjXezGBLdrl1KresJTcI3DB8EkScCldyKp3Msz4hub4uyYaVnk88BAS1g5DQjjF6F5qczheLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.17",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.17",
+        "@tailwindcss/oxide-darwin-x64": "4.1.17",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.17",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.17",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.17",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.17",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.17",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.17",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.17",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.17",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.17"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.17.tgz",
+      "integrity": "sha512-BMqpkJHgOZ5z78qqiGE6ZIRExyaHyuxjgrJ6eBO5+hfrfGkuya0lYfw8fRHG77gdTjWkNWEEm+qeG2cDMxArLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.17.tgz",
+      "integrity": "sha512-EquyumkQweUBNk1zGEU/wfZo2qkp/nQKRZM8bUYO0J+Lums5+wl2CcG1f9BgAjn/u9pJzdYddHWBiFXJTcxmOg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.17.tgz",
+      "integrity": "sha512-gdhEPLzke2Pog8s12oADwYu0IAw04Y2tlmgVzIN0+046ytcgx8uZmCzEg4VcQh+AHKiS7xaL8kGo/QTiNEGRog==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.17.tgz",
+      "integrity": "sha512-hxGS81KskMxML9DXsaXT1H0DyA+ZBIbyG/sSAjWNe2EDl7TkPOBI42GBV3u38itzGUOmFfCzk1iAjDXds8Oh0g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.17.tgz",
+      "integrity": "sha512-k7jWk5E3ldAdw0cNglhjSgv501u7yrMf8oeZ0cElhxU6Y2o7f8yqelOp3fhf7evjIS6ujTI3U8pKUXV2I4iXHQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.17.tgz",
+      "integrity": "sha512-HVDOm/mxK6+TbARwdW17WrgDYEGzmoYayrCgmLEw7FxTPLcp/glBisuyWkFz/jb7ZfiAXAXUACfyItn+nTgsdQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.17.tgz",
+      "integrity": "sha512-HvZLfGr42i5anKtIeQzxdkw/wPqIbpeZqe7vd3V9vI3RQxe3xU1fLjss0TjyhxWcBaipk7NYwSrwTwK1hJARMg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.17.tgz",
+      "integrity": "sha512-M3XZuORCGB7VPOEDH+nzpJ21XPvK5PyjlkSFkFziNHGLc5d6g3di2McAAblmaSUNl8IOmzYwLx9NsE7bplNkwQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.17.tgz",
+      "integrity": "sha512-k7f+pf9eXLEey4pBlw+8dgfJHY4PZ5qOUFDyNf7SI6lHjQ9Zt7+NcscjpwdCEbYi6FI5c2KDTDWyf2iHcCSyyQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.17.tgz",
+      "integrity": "sha512-cEytGqSSoy7zK4JRWiTCx43FsKP/zGr0CsuMawhH67ONlH+T79VteQeJQRO/X7L0juEUA8ZyuYikcRBf0vsxhg==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.6.0",
+        "@emnapi/runtime": "^1.6.0",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.0.7",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.4.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.17.tgz",
+      "integrity": "sha512-JU5AHr7gKbZlOGvMdb4722/0aYbU+tN6lv1kONx0JK2cGsh7g148zVWLM0IKR3NeKLv+L90chBVYcJ8uJWbC9A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.17.tgz",
+      "integrity": "sha512-SKWM4waLuqx0IH+FMDUw6R66Hu4OuTALFgnleKbqhgGU30DY20NORZMZUKgLRjQXNN2TLzKvh48QXTig4h4bGw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.17.tgz",
+      "integrity": "sha512-+nKl9N9mN5uJ+M7dBOOCzINw94MPstNR/GtIhz1fpZysxL/4a+No64jCBD6CPN+bIHWFx3KWuu8XJRrj/572Dw==",
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.1.17",
+        "@tailwindcss/oxide": "4.1.17",
+        "postcss": "^8.4.41",
+        "tailwindcss": "4.1.17"
+      }
+    },
+    "node_modules/@tiptap/core": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-3.10.7.tgz",
+      "integrity": "sha512-4rD3oHkXNOS6Fxm0mr+ECyq35iMFnnAXheIO+UsQbOexwTxn2yZ5Q1rQiFKcCf+p+rrg1yt8TtxQPM8VLWS+1g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/pm": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-blockquote": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-3.10.7.tgz",
+      "integrity": "sha512-xIeRVTnnC78VDgm3YxosgM1ODVKBdmyWuz4Dhhyc1UCPFptzNIPZuzNbOxyThFseqKh1LVDM+EmjshACE/3jVg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-bold": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-3.10.7.tgz",
+      "integrity": "sha512-NWjOIIZdxUSkWLQrEY4Tg60MzS6RGt/1aLnwTyFFzFFShzOmd/xzxp0fRS+p79ZKNcQa9OKgnrlS4xuRq8WOdQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-bubble-menu": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-3.10.7.tgz",
+      "integrity": "sha512-ezsNpClKQ4Bq6R+Y/jGcmxhSBuYYOCGXV72yy3SlX1w6seA/I8h27ktWy9zAD2RPX560NzpZEyBjaASL3961sQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@floating-ui/dom": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7",
+        "@tiptap/pm": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-bullet-list": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-3.10.7.tgz",
+      "integrity": "sha512-c6ycK/8TZEl8sw4Wkr4APpjeNaNhh4EJPBZ2bt4oHqkl+v5NCddo9xdP1sgsopNySPNQaHQSO5GYmU2QHbSBpA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-code": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-3.10.7.tgz",
+      "integrity": "sha512-POK3CCy29LoRI6JVvFRVAmH2G90a7pKJT8sbqOaX1WKmLLDt7drUxGgBNnz/cBXJQHPnXZgRq/P8ZQPISklT7Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-code-block": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-3.10.7.tgz",
+      "integrity": "sha512-Z6EH/DhSVQtOKL+vS9J2dbvJ81T3xJ2Htgn4BOxpuCGUCInu5Aymf/53tco3aQse/UHB3Gvr+/4AOwxphXYhgw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7",
+        "@tiptap/pm": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-color": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-color/-/extension-color-3.10.7.tgz",
+      "integrity": "sha512-ukI1ncB9s/hMTiX/5VcMSnzl1b0Y8qXaRNpNwW2IvsxqrMUjdZi9PRTHVf/c2wSp8dqV1ElaHi9uC1afKP1k/g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-text-style": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-document": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-3.10.7.tgz",
+      "integrity": "sha512-RlezqyAf0voUblrMLArh+AZJ9t+rE6buFa+U1V37Ey+I1z+Y8pPqlhtYJoTUz0GtSZWMReirSvoQpQJHM9x3Yw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-dropcursor": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-3.10.7.tgz",
+      "integrity": "sha512-VnI+lRpXi9Qa/RFeZYqGd5taApM8SD6qYBnL1FqwRx7eLpWH3UyH911d9/sFqYxouDy06XRDHPoqlyMw5afdwQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extensions": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-floating-menu": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-3.10.7.tgz",
+      "integrity": "sha512-yuTIGDbx0Q2IWOUrkhVQ/i1fU0Qi+8fCS8jkGB34/+3nbhtqXNYfFajpeaU9rkcCJqXH4aiFJdSGy44kCnYP2g==",
+      "license": "MIT",
+      "optional": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@floating-ui/dom": "^1.0.0",
+        "@tiptap/core": "^3.10.7",
+        "@tiptap/pm": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-gapcursor": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-3.10.7.tgz",
+      "integrity": "sha512-1VDNX+4ZCKxuoj6nRTZDwHjPYhuSdELYYCSfxscojlwexPxCLcgqOt71xdgnQXW5Hv6ACT4OrGGYcGTupudOHg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extensions": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-hard-break": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-3.10.7.tgz",
+      "integrity": "sha512-EIdTsD2pV4FSef/6nrKlXV8H5861PElnIjuoHkwk1alowAVL/HSvJqPxZwH6k2qLcsabkr0cSdaDixw9gJGAdg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-heading": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-3.10.7.tgz",
+      "integrity": "sha512-Pp0LYTEyimDfiXzy+8Ls2LDuhhmyM7jXr8go3myTHSLMTpt0ch7P5FVSnDxMFtQ5eRiAwXHET63/JOaiIwMa/w==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-highlight": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-highlight/-/extension-highlight-3.10.7.tgz",
+      "integrity": "sha512-cm7b4RSuGYj+PKEMDC/fkJw/qs1lhrfIwMSWkGmM/VG94FhRsup8VKrhrftnZTzsXDdqpTOIfXI+5tx2we61lQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-horizontal-rule": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-3.10.7.tgz",
+      "integrity": "sha512-V9uWb341QUBDDbR3aoSs3Sx0PQQaKwZ/ESVEE03El9rkIrf8g5K82x8/M0nvSOvGobt6oRyI/rgbj196YQuXiQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7",
+        "@tiptap/pm": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-italic": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-3.10.7.tgz",
+      "integrity": "sha512-1CQgHNm51xDyZI188f5xKLcUIjRS+2cyZgS9XwKwIU/3QOsiKsNC+cBc4VmN3aR0A01NjK0ch0MjeKkPPWUt5A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-link": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-link/-/extension-link-3.10.7.tgz",
+      "integrity": "sha512-AIgrtveTQ5QyRpcic2MVSuv9aOaN0n+swdZPvi8XREZX/uf1SU4dYU7p0dNChhcn53GGPDNVRTQXX4YdEAZFQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "linkifyjs": "^4.3.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7",
+        "@tiptap/pm": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-list": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list/-/extension-list-3.10.7.tgz",
+      "integrity": "sha512-aggic/94+wAt50Bx492++YsQtu0NdH8psaRokA0/9NvTjHoLq/zbbyloJyYW+DWe4GzwK9qCB5PKHQTTXWMu9Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7",
+        "@tiptap/pm": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-list-item": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-3.10.7.tgz",
+      "integrity": "sha512-beCOcDfOzCY9/7fAHY/O/RFcqxLPJWGBV/6YMMUkyW34rrb1NmSZp2qegTh+1820DHs7sokn/OeCIo8Fqs8lQA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-list-keymap": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-keymap/-/extension-list-keymap-3.10.7.tgz",
+      "integrity": "sha512-QzDX+BY3z60sz3GfMK7oQV/CnAL0elRI+VdGyObuNS/RCpD6DKwa5Gb+vB9Qj3sUccViJOhBr8OpmLDtAoco8g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-ordered-list": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-3.10.7.tgz",
+      "integrity": "sha512-+rcJM0iqBVHBRlbupU8KmoTc3AD8maWJyQl05LrVQcAwmRDx3xtIagRnN1hwxSYavIFRwLATgYHSWd08nnL38g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-paragraph": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-3.10.7.tgz",
+      "integrity": "sha512-53+nCxNaKcmeqQ+aWrSauEWywuWPp8qkUTOO2rHlpmM+rk/1bv3IZePKQ2JtHZzYCeRd3xOC33kl60HE7EwakQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-strike": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-3.10.7.tgz",
+      "integrity": "sha512-pZMdQhChv59jsahvmjiJjSTPM05J6EHAX/GPdA9w8xSKy73899MhIhWJ7yt2CJEPjwn3ixnomIPhMjxBkizv+g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-text": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-3.10.7.tgz",
+      "integrity": "sha512-b7Rjil/uqiabWnRHyd1P84rWD2XRyZZSrmIAO9mDMD/jB2bE+f7rDJcHG76GF03UicDhEEEf2/8mz0dMLa6mUA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-text-align": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-align/-/extension-text-align-3.10.7.tgz",
+      "integrity": "sha512-rAuDNhhFNYIrurzasDd5FW2DNeCxs4BgobARMDlTvGIpqf7F1eJq8nQa6wK8MD7K+ma2ZfJ6vTI73z0x64GiZw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-text-style": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-style/-/extension-text-style-3.10.7.tgz",
+      "integrity": "sha512-qv4wVKTVJ4ZvDtn2Qc7YR8IB3ltDl8k1C/YD48z1OB0g7NTJQlQFZXuKzMYhNW6GSrqoQpPhd/KmQPhTJ+eHjw==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extension-underline": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-3.10.7.tgz",
+      "integrity": "sha512-yBL81xdbjT5Y7acoBqWpnH/SoH3bpgqaLvJBG3NNk+mdLB5HjBWTlPLKjvjQV0HRN5bZ+RJWeiRnQk1ahcfmQA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/extensions": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extensions/-/extensions-3.10.7.tgz",
+      "integrity": "sha512-jYYR7NA7t2hdyJmSLYVAJ3usyIOZ2mfFqPCCHbSn/k3jqmGaPFZuxJSwmYjfmTxisZ9rGn+49/YJF2y/Yej/0Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7",
+        "@tiptap/pm": "^3.10.7"
+      }
+    },
+    "node_modules/@tiptap/pm": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-3.10.7.tgz",
+      "integrity": "sha512-/iiurioqSukJk6CrEtfRpdOEafDybyVPToAllgn7i2XcusXSxJSX+K0GUndMUwVR+UqVOCyMYBTRTnE0hdQqgA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-changeset": "^2.3.0",
+        "prosemirror-collab": "^1.3.1",
+        "prosemirror-commands": "^1.6.2",
+        "prosemirror-dropcursor": "^1.8.1",
+        "prosemirror-gapcursor": "^1.3.2",
+        "prosemirror-history": "^1.4.1",
+        "prosemirror-inputrules": "^1.4.0",
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-markdown": "^1.13.1",
+        "prosemirror-menu": "^1.2.4",
+        "prosemirror-model": "^1.24.1",
+        "prosemirror-schema-basic": "^1.2.3",
+        "prosemirror-schema-list": "^1.5.0",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-tables": "^1.6.4",
+        "prosemirror-trailing-node": "^3.0.0",
+        "prosemirror-transform": "^1.10.2",
+        "prosemirror-view": "^1.38.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tiptap/react": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/react/-/react-3.10.7.tgz",
+      "integrity": "sha512-hhKj62zvs/mSu5HlcmZDRFHVHCjJ6v6/7vB45MTAziP+cZ0+CEbEh2rnGNRNwooumWwm5pWdkVqI1efp7GtnUA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/use-sync-external-store": "^0.0.6",
+        "fast-deep-equal": "^3.1.3",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "optionalDependencies": {
+        "@tiptap/extension-bubble-menu": "^3.10.7",
+        "@tiptap/extension-floating-menu": "^3.10.7"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.10.7",
+        "@tiptap/pm": "^3.10.7",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tiptap/starter-kit": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-3.10.7.tgz",
+      "integrity": "sha512-5oGeTzD8tvyeVICHNHJC/wsymacvXlyUQChlrweWYM8eMvNgzP/f14myiF0PyNlXJrGXkYtsAfq5004KeyLW/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@tiptap/core": "^3.10.7",
+        "@tiptap/extension-blockquote": "^3.10.7",
+        "@tiptap/extension-bold": "^3.10.7",
+        "@tiptap/extension-bullet-list": "^3.10.7",
+        "@tiptap/extension-code": "^3.10.7",
+        "@tiptap/extension-code-block": "^3.10.7",
+        "@tiptap/extension-document": "^3.10.7",
+        "@tiptap/extension-dropcursor": "^3.10.7",
+        "@tiptap/extension-gapcursor": "^3.10.7",
+        "@tiptap/extension-hard-break": "^3.10.7",
+        "@tiptap/extension-heading": "^3.10.7",
+        "@tiptap/extension-horizontal-rule": "^3.10.7",
+        "@tiptap/extension-italic": "^3.10.7",
+        "@tiptap/extension-link": "^3.10.7",
+        "@tiptap/extension-list": "^3.10.7",
+        "@tiptap/extension-list-item": "^3.10.7",
+        "@tiptap/extension-list-keymap": "^3.10.7",
+        "@tiptap/extension-ordered-list": "^3.10.7",
+        "@tiptap/extension-paragraph": "^3.10.7",
+        "@tiptap/extension-strike": "^3.10.7",
+        "@tiptap/extension-text": "^3.10.7",
+        "@tiptap/extension-underline": "^3.10.7",
+        "@tiptap/extensions": "^3.10.7",
+        "@tiptap/pm": "^3.10.7"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tootallnate/once": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
+      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@types/cacheable-request": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/@types/cacheable-request/-/cacheable-request-6.0.3.tgz",
+      "integrity": "sha512-IQ3EbTzGxIigb1I3qPZc1rWJnH0BmSKv5QYTalEwweFvyBDLSAe24zP0le/hyi7ecGfZVlIVAg4BZqb8WBwKqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-cache-semantics": "*",
+        "@types/keyv": "^3.1.4",
+        "@types/node": "*",
+        "@types/responselike": "^1.0.0"
+      }
+    },
+    "node_modules/@types/debug": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
+      "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
+    "node_modules/@types/fs-extra": {
+      "version": "9.0.13",
+      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-9.0.13.tgz",
+      "integrity": "sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/http-cache-semantics": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/http-cache-semantics/-/http-cache-semantics-4.0.4.tgz",
+      "integrity": "sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/js-cookie": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-3.0.6.tgz",
+      "integrity": "sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/jsonwebtoken": {
+      "version": "9.0.10",
+      "resolved": "https://registry.npmjs.org/@types/jsonwebtoken/-/jsonwebtoken-9.0.10.tgz",
+      "integrity": "sha512-asx5hIG9Qmf/1oStypjanR7iKTv0gXQ1Ov/jfrX6kS/EO0OFni8orbmGCn0672NHR3kXHwpAwR+B368ZGN/2rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/keyv": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/@types/keyv/-/keyv-3.1.4.tgz",
+      "integrity": "sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "24.10.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
+      "integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/plist": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@types/plist/-/plist-3.0.5.tgz",
+      "integrity": "sha512-E6OCaRmAe4WDmWNsL/9RMqdkkzDCY1etutkflWk4c+AcjDU07Pcz1fQwTX0TQz+Pxqn9i4L1TU3UFpjnrcDgxA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*",
+        "xmlbuilder": ">=11.0.1"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.5",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.5.tgz",
+      "integrity": "sha512-keKxkZMqnDicuvFoJbzrhbtdLSPhj/rZThDlKWCDbgXmUg0rEUFtRssDXKYmtXluZlIqiC5VqkCgRwzuyLHKHw==",
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/@types/responselike": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.3.tgz",
+      "integrity": "sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
+      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/verror": {
+      "version": "1.10.11",
+      "resolved": "https://registry.npmjs.org/@types/verror/-/verror-1.10.11.tgz",
+      "integrity": "sha512-RlDm9K7+o5stv0Co8i8ZRGxDbrTxhJtgjqjFyVh/tXQyl/rYtTKlnTvZ88oSTeYREWurwx20Js4kTuKCsFkUtg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/yauzl": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@xmldom/xmldom": {
+      "version": "0.8.11",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.11.tgz",
+      "integrity": "sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/7zip-bin": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/7zip-bin/-/7zip-bin-5.2.0.tgz",
+      "integrity": "sha512-ukTPVhqG4jNzMro2qA9HSCSSVJN3aN7tlb+hfqYCt3ER0yWroeA2VR38MNrOHLQ/cVj+DaIMad0kFCtWWowh/A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/agentkeepalive": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.6.0.tgz",
+      "integrity": "sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "humanize-ms": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/aggregate-error": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/antd": {
+      "version": "5.28.1",
+      "resolved": "https://registry.npmjs.org/antd/-/antd-5.28.1.tgz",
+      "integrity": "sha512-ZfPjbv3pY/jRnBFFn3L1UIRltaW9H4QovokZzNA57EgH3hEhWxQ3wWVfWmU6a3Q1GpbOgWQBJK2vsuoPIYuc9g==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^7.2.1",
+        "@ant-design/cssinjs": "^1.23.0",
+        "@ant-design/cssinjs-utils": "^1.1.3",
+        "@ant-design/fast-color": "^2.0.6",
+        "@ant-design/icons": "^5.6.1",
+        "@ant-design/react-slick": "~1.1.2",
+        "@babel/runtime": "^7.26.0",
+        "@rc-component/color-picker": "~2.0.1",
+        "@rc-component/mutate-observer": "^1.1.0",
+        "@rc-component/qrcode": "~1.1.0",
+        "@rc-component/tour": "~1.15.1",
+        "@rc-component/trigger": "^2.3.0",
+        "classnames": "^2.5.1",
+        "copy-to-clipboard": "^3.3.3",
+        "dayjs": "^1.11.11",
+        "rc-cascader": "~3.34.0",
+        "rc-checkbox": "~3.5.0",
+        "rc-collapse": "~3.9.0",
+        "rc-dialog": "~9.6.0",
+        "rc-drawer": "~7.3.0",
+        "rc-dropdown": "~4.2.1",
+        "rc-field-form": "~2.7.1",
+        "rc-image": "~7.12.0",
+        "rc-input": "~1.8.0",
+        "rc-input-number": "~9.5.0",
+        "rc-mentions": "~2.20.0",
+        "rc-menu": "~9.16.1",
+        "rc-motion": "^2.9.5",
+        "rc-notification": "~5.6.4",
+        "rc-pagination": "~5.1.0",
+        "rc-picker": "~4.11.3",
+        "rc-progress": "~4.0.0",
+        "rc-rate": "~2.13.1",
+        "rc-resize-observer": "^1.4.3",
+        "rc-segmented": "~2.7.0",
+        "rc-select": "~14.16.8",
+        "rc-slider": "~11.1.9",
+        "rc-steps": "~6.0.1",
+        "rc-switch": "~4.1.0",
+        "rc-table": "~7.54.0",
+        "rc-tabs": "~15.7.0",
+        "rc-textarea": "~1.10.2",
+        "rc-tooltip": "~6.4.0",
+        "rc-tree": "~5.13.1",
+        "rc-tree-select": "~5.27.0",
+        "rc-upload": "~4.11.0",
+        "rc-util": "^5.44.4",
+        "scroll-into-view-if-needed": "^3.1.0",
+        "throttle-debounce": "^5.0.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ant-design"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/app-builder-bin": {
+      "version": "5.0.0-alpha.12",
+      "resolved": "https://registry.npmjs.org/app-builder-bin/-/app-builder-bin-5.0.0-alpha.12.tgz",
+      "integrity": "sha512-j87o0j6LqPL3QRr8yid6c+Tt5gC7xNfYo6uQIQkorAC6MpeayVMZrEDzKmJJ/Hlv7EnOQpaRm53k6ktDYZyB6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/app-builder-lib": {
+      "version": "26.0.12",
+      "resolved": "https://registry.npmjs.org/app-builder-lib/-/app-builder-lib-26.0.12.tgz",
+      "integrity": "sha512-+/CEPH1fVKf6HowBUs6LcAIoRcjeqgvAeoSE+cl7Y7LndyQ9ViGPYibNk7wmhMHzNgHIuIbw4nWADPO+4mjgWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@develar/schema-utils": "~2.6.5",
+        "@electron/asar": "3.2.18",
+        "@electron/fuses": "^1.8.0",
+        "@electron/notarize": "2.5.0",
+        "@electron/osx-sign": "1.3.1",
+        "@electron/rebuild": "3.7.0",
+        "@electron/universal": "2.0.1",
+        "@malept/flatpak-bundler": "^0.4.0",
+        "@types/fs-extra": "9.0.13",
+        "async-exit-hook": "^2.0.1",
+        "builder-util": "26.0.11",
+        "builder-util-runtime": "9.3.1",
+        "chromium-pickle-js": "^0.2.0",
+        "config-file-ts": "0.2.8-rc1",
+        "debug": "^4.3.4",
+        "dotenv": "^16.4.5",
+        "dotenv-expand": "^11.0.6",
+        "ejs": "^3.1.8",
+        "electron-publish": "26.0.11",
+        "fs-extra": "^10.1.0",
+        "hosted-git-info": "^4.1.0",
+        "is-ci": "^3.0.0",
+        "isbinaryfile": "^5.0.0",
+        "js-yaml": "^4.1.0",
+        "json5": "^2.2.3",
+        "lazy-val": "^1.0.5",
+        "minimatch": "^10.0.0",
+        "plist": "3.1.0",
+        "resedit": "^1.7.0",
+        "semver": "^7.3.8",
+        "tar": "^6.1.12",
+        "temp-file": "^3.4.0",
+        "tiny-async-pool": "1.3.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "dmg-builder": "26.0.12",
+        "electron-builder-squirrel-windows": "26.0.12"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/async": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
+      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/async-exit-hook": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/async-exit-hook/-/async-exit-hook-2.0.1.tgz",
+      "integrity": "sha512-NW2cX8m1Q7KPA7a5M2ULQeZ2wR5qI5PAbw5L0UOMxdioVk9PMZ0h1TmyZEkPYrCvYjDlFICusOu1dlEKAAeXBw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/at-least-node": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.22",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.22.tgz",
+      "integrity": "sha512-ARe0v/t9gO28Bznv6GgqARmVqcWOV3mfgUPn9becPHMiD3o9BwlRgaeccZnwTpZ7Zwqrm+c1sUSsMxIzQzc8Xg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.27.0",
+        "caniuse-lite": "^1.0.30001754",
+        "fraction.js": "^5.3.4",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/axios": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.2.tgz",
+      "integrity": "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.4",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.8.28",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.28.tgz",
+      "integrity": "sha512-gYjt7OIqdM0PcttNYP2aVrr2G0bMALkBaoehD4BuRGjAOtipg0b6wHg1yNL+s5zSnLZZrGHOw4IrND8CD+3oIQ==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/boolean": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/boolean/-/boolean-3.2.0.tgz",
+      "integrity": "sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.0.tgz",
+      "integrity": "sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.8.25",
+        "caniuse-lite": "^1.0.30001754",
+        "electron-to-chromium": "^1.5.249",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.1.4"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/builder-util": {
+      "version": "26.0.11",
+      "resolved": "https://registry.npmjs.org/builder-util/-/builder-util-26.0.11.tgz",
+      "integrity": "sha512-xNjXfsldUEe153h1DraD0XvDOpqGR0L5eKFkdReB7eFW5HqysDZFfly4rckda6y9dF39N3pkPlOblcfHKGw+uA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.1.6",
+        "7zip-bin": "~5.2.0",
+        "app-builder-bin": "5.0.0-alpha.12",
+        "builder-util-runtime": "9.3.1",
+        "chalk": "^4.1.2",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.4",
+        "fs-extra": "^10.1.0",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.0",
+        "is-ci": "^3.0.0",
+        "js-yaml": "^4.1.0",
+        "sanitize-filename": "^1.6.3",
+        "source-map-support": "^0.5.19",
+        "stat-mode": "^1.0.0",
+        "temp-file": "^3.4.0",
+        "tiny-async-pool": "1.3.0"
+      }
+    },
+    "node_modules/builder-util-runtime": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.3.1.tgz",
+      "integrity": "sha512-2/egrNDDnRaxVwK3A+cJq6UOlqOdedGA7JPqCeJjN2Zjk1/QB/6QUi3b714ScIGS7HafFXTyzJEOr5b44I3kvQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4",
+        "sax": "^1.2.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/builder-util/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/builder-util/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/builder-util/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/cacache": {
+      "version": "16.1.3",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-16.1.3.tgz",
+      "integrity": "sha512-/+Emcj9DAXxX4cwlLmRI9c166RuL3w30zp4R7Joiv2cQTtTtA+jeuCAjH3ZlGnYS3tKENSrKhAzVVP9GVyzeYQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/fs": "^2.1.0",
+        "@npmcli/move-file": "^2.0.0",
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.1.0",
+        "glob": "^8.0.1",
+        "infer-owner": "^1.0.4",
+        "lru-cache": "^7.7.1",
+        "minipass": "^3.1.6",
+        "minipass-collect": "^1.0.2",
+        "minipass-flush": "^1.0.5",
+        "minipass-pipeline": "^1.2.4",
+        "mkdirp": "^1.0.4",
+        "p-map": "^4.0.0",
+        "promise-inflight": "^1.0.1",
+        "rimraf": "^3.0.2",
+        "ssri": "^9.0.0",
+        "tar": "^6.1.11",
+        "unique-filename": "^2.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/cacache/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/cacache/node_modules/glob": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^5.0.1",
+        "once": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/cacache/node_modules/lru-cache": {
+      "version": "7.18.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
+      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/cacache/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cacheable-lookup": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz",
+      "integrity": "sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.6.0"
+      }
+    },
+    "node_modules/cacheable-request": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-7.0.4.tgz",
+      "integrity": "sha512-v+p6ongsrp0yTGbJXjgxPow2+DL93DASP4kXCDKb8/bwRtt9OEF3whggkkDkGNzgcWy2XaF4a8nZglC7uElscg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone-response": "^1.0.2",
+        "get-stream": "^5.1.0",
+        "http-cache-semantics": "^4.0.0",
+        "keyv": "^4.0.0",
+        "lowercase-keys": "^2.0.0",
+        "normalize-url": "^6.0.1",
+        "responselike": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001755",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001755.tgz",
+      "integrity": "sha512-44V+Jm6ctPj7R52Na4TLi3Zri4dWUljJd+RDm+j8LtNCc/ihLCT+X1TzoOAkRETEWqjuLnh9581Tl80FvK7jVA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/chromium-pickle-js": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/chromium-pickle-js/-/chromium-pickle-js-0.2.0.tgz",
+      "integrity": "sha512-1R5Fho+jBq0DDydt+/vHWj5KJNJCKdARKOCwZUen84I5BreWoLqRLANH1U87eJy1tiASPtMnGqJJq0ZsLoRPOw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
+    "node_modules/clean-stack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cli-spinners": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
+      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz",
+      "integrity": "sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "slice-ansi": "^3.0.0",
+        "string-width": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/clone": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/clone-response": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.3.tgz",
+      "integrity": "sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-response": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
+      "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/compare-version": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/compare-version/-/compare-version-0.1.2.tgz",
+      "integrity": "sha512-pJDh5/4wrEnXX/VWRZvruAGHkzKdr46z11OlTPN+VrATlWWhSKewNCJ1futCO5C7eJB3nPMFZA1LeYtcFboZ2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/compute-scroll-into-view": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.1.tgz",
+      "integrity": "sha512-VRhuHOLoKYOy4UbilLbUzbYg93XLjv2PncJC50EuTWPA3gaja1UjBsUP/D/9/juV3vQFr6XBEzn9KCAHdUvOHw==",
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concurrently": {
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.2.1.tgz",
+      "integrity": "sha512-fsfrO0MxV64Znoy8/l1vVIjjHa29SZyyqPgQBwhiDcaW8wJc2W3XWVOGx4M3oJBnv/zdUZIIp1gDeS98GzP8Ng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "4.1.2",
+        "rxjs": "7.8.2",
+        "shell-quote": "1.8.3",
+        "supports-color": "8.1.1",
+        "tree-kill": "1.2.2",
+        "yargs": "17.7.2"
+      },
+      "bin": {
+        "conc": "dist/bin/concurrently.js",
+        "concurrently": "dist/bin/concurrently.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
+      }
+    },
+    "node_modules/concurrently/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/config-file-ts": {
+      "version": "0.2.8-rc1",
+      "resolved": "https://registry.npmjs.org/config-file-ts/-/config-file-ts-0.2.8-rc1.tgz",
+      "integrity": "sha512-GtNECbVI82bT4RiDIzBSVuTKoSHufnU7Ce7/42bkWZJZFLjmDF2WBpVsvRkhKCfKBnTBb3qZrBwPpFBU/Myvhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "glob": "^10.3.12",
+        "typescript": "^5.4.3"
+      }
+    },
+    "node_modules/config-file-ts/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/config-file-ts/node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/config-file-ts/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/config-file-ts/node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
+    },
+    "node_modules/copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "license": "MIT",
+      "dependencies": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/crc": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/crc/-/crc-3.8.0.tgz",
+      "integrity": "sha512-iX3mfgcTMIq3ZKLIsVFAbv7+Mc10kxabAGQb8HvjA1o3T1PIYprbakQ65d3I+2HGHt6nSKkM9PYjgoJO2KcFBQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "buffer": "^5.1.0"
+      }
+    },
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+      "license": "MIT"
+    },
+    "node_modules/cross-dirname": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/cross-dirname/-/cross-dirname-0.1.0.tgz",
+      "integrity": "sha512-+R08/oI0nl3vfPcqftZRpytksBXDzOUveBq/NBVx0sUp1axwzPQrKinNx5yd5sxPu8j1wIy8AfnVQ+5eFdha6Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.2.tgz",
+      "integrity": "sha512-D80T+tiqkd/8B0xNlbstWDG4x6aqVfO52+OlSUNIdkTvmNw0uQpJLeos2J/2XvpyidAFuTPmpad+tUxLndwj6g==",
+      "license": "MIT"
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.19",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
+      "integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "license": "MIT"
+    },
+    "node_modules/decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-response": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/decompress-response/node_modules/mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/defaults": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
+      "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/defer-to-connect": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-2.0.1.tgz",
+      "integrity": "sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-node": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/dir-compare": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/dir-compare/-/dir-compare-4.2.0.tgz",
+      "integrity": "sha512-2xMCmOoMrdQIPHdsTawECdNPwlVFB9zGcz3kuhmBO6U3oU+UQjsue0i8ayLKpgBcm+hcXPMVSGUN9d+pvJ6+VQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimatch": "^3.0.5",
+        "p-limit": "^3.1.0 "
+      }
+    },
+    "node_modules/dir-compare/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/dmg-builder": {
+      "version": "26.0.12",
+      "resolved": "https://registry.npmjs.org/dmg-builder/-/dmg-builder-26.0.12.tgz",
+      "integrity": "sha512-59CAAjAhTaIMCN8y9kD573vDkxbs1uhDcrFLHSgutYdPcGOU35Rf95725snvzEOy4BFB7+eLJ8djCNPmGwG67w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "app-builder-lib": "26.0.12",
+        "builder-util": "26.0.11",
+        "builder-util-runtime": "9.3.1",
+        "fs-extra": "^10.1.0",
+        "iconv-lite": "^0.6.2",
+        "js-yaml": "^4.1.0"
+      },
+      "optionalDependencies": {
+        "dmg-license": "^1.0.11"
+      }
+    },
+    "node_modules/dmg-builder/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dmg-builder/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/dmg-builder/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/dmg-license": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/dmg-license/-/dmg-license-1.0.11.tgz",
+      "integrity": "sha512-ZdzmqwKmECOWJpqefloC5OJy1+WZBBse5+MR88z9g9Zn4VY+WYUkAyojmhzJckH5YbbZGcYIuGAkY5/Ys5OM2Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "dependencies": {
+        "@types/plist": "^3.0.1",
+        "@types/verror": "^1.10.3",
+        "ajv": "^6.10.0",
+        "crc": "^3.8.0",
+        "iconv-corefoundation": "^1.1.7",
+        "plist": "^3.0.4",
+        "smart-buffer": "^4.0.2",
+        "verror": "^1.10.0"
+      },
+      "bin": {
+        "dmg-license": "bin/dmg-license.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dotenv-expand": {
+      "version": "11.0.7",
+      "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-11.0.7.tgz",
+      "integrity": "sha512-zIHwmZPRshsCdpMDyVsqGmgyP0yT8GAgXUnkdAoJisxvf33k7yO6OuoKmcTGuXPWSsm8Oh88nZicRLA9Y0rUeA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dotenv": "^16.4.5"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ejs": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "jake": "^10.8.5"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/electron": {
+      "version": "39.2.1",
+      "resolved": "https://registry.npmjs.org/electron/-/electron-39.2.1.tgz",
+      "integrity": "sha512-5oSki3qzLBsJAcXl0yWOLRArkufugbXd1qBb2UNZRrrKkYiVhM8GLE+KE3P16PC8UxGxGqCCfaB3Y1TK1dUuHg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "@electron/get": "^2.0.0",
+        "@types/node": "^22.7.7",
+        "extract-zip": "^2.0.1"
+      },
+      "bin": {
+        "electron": "cli.js"
+      },
+      "engines": {
+        "node": ">= 12.20.55"
+      }
+    },
+    "node_modules/electron-builder": {
+      "version": "26.0.12",
+      "resolved": "https://registry.npmjs.org/electron-builder/-/electron-builder-26.0.12.tgz",
+      "integrity": "sha512-cD1kz5g2sgPTMFHjLxfMjUK5JABq3//J4jPswi93tOPFz6btzXYtK5NrDt717NRbukCUDOrrvmYVOWERlqoiXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "app-builder-lib": "26.0.12",
+        "builder-util": "26.0.11",
+        "builder-util-runtime": "9.3.1",
+        "chalk": "^4.1.2",
+        "dmg-builder": "26.0.12",
+        "fs-extra": "^10.1.0",
+        "is-ci": "^3.0.0",
+        "lazy-val": "^1.0.5",
+        "simple-update-notifier": "2.0.0",
+        "yargs": "^17.6.2"
+      },
+      "bin": {
+        "electron-builder": "cli.js",
+        "install-app-deps": "install-app-deps.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/electron-builder-squirrel-windows": {
+      "version": "26.0.12",
+      "resolved": "https://registry.npmjs.org/electron-builder-squirrel-windows/-/electron-builder-squirrel-windows-26.0.12.tgz",
+      "integrity": "sha512-kpwXM7c/ayRUbYVErQbsZ0nQZX4aLHQrPEG9C4h9vuJCXylwFH8a7Jgi2VpKIObzCXO7LKHiCw4KdioFLFOgqA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "app-builder-lib": "26.0.12",
+        "builder-util": "26.0.11",
+        "electron-winstaller": "5.4.0"
+      }
+    },
+    "node_modules/electron-builder/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/electron-builder/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/electron-builder/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/electron-publish": {
+      "version": "26.0.11",
+      "resolved": "https://registry.npmjs.org/electron-publish/-/electron-publish-26.0.11.tgz",
+      "integrity": "sha512-a8QRH0rAPIWH9WyyS5LbNvW9Ark6qe63/LqDB7vu2JXYpi0Gma5Q60Dh4tmTqhOBQt0xsrzD8qE7C+D7j+B24A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/fs-extra": "^9.0.11",
+        "builder-util": "26.0.11",
+        "builder-util-runtime": "9.3.1",
+        "chalk": "^4.1.2",
+        "form-data": "^4.0.0",
+        "fs-extra": "^10.1.0",
+        "lazy-val": "^1.0.5",
+        "mime": "^2.5.2"
+      }
+    },
+    "node_modules/electron-publish/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/electron-publish/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/electron-publish/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.254",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.254.tgz",
+      "integrity": "sha512-DcUsWpVhv9svsKRxnSCZ86SjD+sp32SGidNB37KpqXJncp1mfUgKbHvBomE89WJDbfVKw1mdv5+ikrvd43r+Bg==",
+      "license": "ISC"
+    },
+    "node_modules/electron-winstaller": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/electron-winstaller/-/electron-winstaller-5.4.0.tgz",
+      "integrity": "sha512-bO3y10YikuUwUuDUQRM4KfwNkKhnpVO7IPdbsrejwN9/AABJzzTQ4GeHwyzNSrVO+tEH3/Np255a3sVZpZDjvg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@electron/asar": "^3.2.1",
+        "debug": "^4.1.1",
+        "fs-extra": "^7.0.1",
+        "lodash": "^4.17.21",
+        "temp": "^0.9.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@electron/windows-sign": "^1.1.2"
+      }
+    },
+    "node_modules/electron-winstaller/node_modules/fs-extra": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+      "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/electron/node_modules/@types/node": {
+      "version": "22.19.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.1.tgz",
+      "integrity": "sha512-LCCV0HdSZZZb34qifBsyWlUmok6W7ouER+oQIGBScS8EsZsQbrtFTUrDX4hOl+CS6p7cnNC4td+qrSVGSCTUfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/electron/node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/encoding": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
+      "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "iconv-lite": "^0.6.2"
+      }
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
+      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/err-code": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz",
+      "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es6-error": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
+      "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/exponential-backoff": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz",
+      "integrity": "sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
+    "node_modules/extsprintf": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.4.1.tgz",
+      "integrity": "sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==",
+      "dev": true,
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
+    "node_modules/filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "minimatch": "^5.0.1"
+      }
+    },
+    "node_modules/filelist/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/filelist/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "license": "MIT"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.0.tgz",
+      "integrity": "sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/global-agent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-agent/-/global-agent-3.0.0.tgz",
+      "integrity": "sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "boolean": "^3.0.1",
+        "es6-error": "^4.1.1",
+        "matcher": "^3.0.0",
+        "roarr": "^2.15.3",
+        "semver": "^7.3.2",
+        "serialize-error": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=10.0"
+      }
+    },
+    "node_modules/global-agent/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/got": {
+      "version": "11.8.6",
+      "resolved": "https://registry.npmjs.org/got/-/got-11.8.6.tgz",
+      "integrity": "sha512-6tfZ91bOr7bOXnK7PRDCGBLa1H4U080YHNaAQ2KsMGlLEzRbk44nsZF2E1IeRc3vtJHPVbKCYgdFbaGO2ljd8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/is": "^4.0.0",
+        "@szmarczak/http-timer": "^4.0.5",
+        "@types/cacheable-request": "^6.0.1",
+        "@types/responselike": "^1.0.0",
+        "cacheable-lookup": "^5.0.3",
+        "cacheable-request": "^7.0.2",
+        "decompress-response": "^6.0.0",
+        "http2-wrapper": "^1.0.0-beta.5.2",
+        "lowercase-keys": "^2.0.0",
+        "p-cancelable": "^2.0.0",
+        "responselike": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/got?sponsor=1"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "license": "MIT",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
+    "node_modules/http-cache-semantics": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
+      "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/http2-wrapper": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/http2-wrapper/-/http2-wrapper-1.0.3.tgz",
+      "integrity": "sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "quick-lru": "^5.1.1",
+        "resolve-alpn": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=10.19.0"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/humanize-ms": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.0.0"
+      }
+    },
+    "node_modules/i18next": {
+      "version": "25.6.2",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-25.6.2.tgz",
+      "integrity": "sha512-0GawNyVUw0yvJoOEBq1VHMAsqdM23XrHkMtl2gKEjviJQSLVXsrPqsoYAxBEugW5AB96I2pZkwRxyl8WZVoWdw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.27.6"
+      },
+      "peerDependencies": {
+        "typescript": "^5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/iconv-corefoundation": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/iconv-corefoundation/-/iconv-corefoundation-1.1.7.tgz",
+      "integrity": "sha512-T10qvkw0zz4wnm560lOEg0PovVqUXuOFhhHAkixw8/sycy7TJt7v/RrkEKEQnAw2viPSJu6iAkErxnzR0g8PpQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "dependencies": {
+        "cli-truncate": "^2.1.0",
+        "node-addon-api": "^1.6.3"
+      },
+      "engines": {
+        "node": "^8.11.2 || >=10"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/infer-owner": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
+      "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/intl-messageformat": {
+      "version": "10.7.18",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.18.tgz",
+      "integrity": "sha512-m3Ofv/X/tV8Y3tHXLohcuVuhWKo7BBq62cqY15etqmLxg2DZ34AGGgQDeR+SCta2+zICb1NX83af0GJmbQ1++g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "@formatjs/fast-memoize": "2.2.7",
+        "@formatjs/icu-messageformat-parser": "2.11.4",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/ip-address": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
+      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
+    },
+    "node_modules/is-ci": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz",
+      "integrity": "sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ci-info": "^3.2.0"
+      },
+      "bin": {
+        "is-ci": "bin.js"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-interactive": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
+      "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-lambda": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz",
+      "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/isbinaryfile": {
+      "version": "5.0.7",
+      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-5.0.7.tgz",
+      "integrity": "sha512-gnWD14Jh3FzS3CPhF0AxNOJ8CxqeblPTADzI38r0wt8ZyQl5edpy75myt08EG2oKvpyiqSqsx+Wkz9vtkbTqYQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 18.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/gjtorikian/"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/jake": {
+      "version": "10.9.4",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.4.tgz",
+      "integrity": "sha512-wpHYzhxiVQL+IV05BLE2Xn34zW1S223hvjtqk0+gsPrwd/8JNLXJgZZM/iPFsYc1xyphF+6M6EvdE5E9MBGkDA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "async": "^3.2.6",
+        "filelist": "^1.0.4",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/js-cookie": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
+      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/json2mq": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
+      "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
+      "license": "MIT",
+      "dependencies": {
+        "string-convert": "^0.2.0"
+      }
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "license": "MIT",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/lazy-val": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/lazy-val/-/lazy-val-1.0.5.tgz",
+      "integrity": "sha512-0/BnGCCfyUMkBpeDgWihanIAF9JmZhHBgUhEqzvf+adhNGLoP6TaiI5oF8oyb3I45P+PcnrqihSf01M0l0G5+Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lightningcss": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.2.tgz",
+      "integrity": "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.30.2",
+        "lightningcss-darwin-arm64": "1.30.2",
+        "lightningcss-darwin-x64": "1.30.2",
+        "lightningcss-freebsd-x64": "1.30.2",
+        "lightningcss-linux-arm-gnueabihf": "1.30.2",
+        "lightningcss-linux-arm64-gnu": "1.30.2",
+        "lightningcss-linux-arm64-musl": "1.30.2",
+        "lightningcss-linux-x64-gnu": "1.30.2",
+        "lightningcss-linux-x64-musl": "1.30.2",
+        "lightningcss-win32-arm64-msvc": "1.30.2",
+        "lightningcss-win32-x64-msvc": "1.30.2"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.30.2.tgz",
+      "integrity": "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.2.tgz",
+      "integrity": "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.2.tgz",
+      "integrity": "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.2.tgz",
+      "integrity": "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.2.tgz",
+      "integrity": "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.2.tgz",
+      "integrity": "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.2.tgz",
+      "integrity": "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.2.tgz",
+      "integrity": "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.2.tgz",
+      "integrity": "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.2.tgz",
+      "integrity": "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.2.tgz",
+      "integrity": "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
+    "node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "license": "MIT",
+      "dependencies": {
+        "uc.micro": "^2.0.0"
+      }
+    },
+    "node_modules/linkifyjs": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.3.2.tgz",
+      "integrity": "sha512-NT1CJtq3hHIreOianA8aSXn6Cw0JzYOuDQbOrSPe7gqFnCpKP++MQe3ODgO3oh2GJFORkAAdqredOa60z63GbA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "license": "MIT"
+    },
+    "node_modules/log-symbols": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
+      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lowercase-keys": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+      "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/make-fetch-happen": {
+      "version": "10.2.1",
+      "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-10.2.1.tgz",
+      "integrity": "sha512-NgOPbRiaQM10DYXvN3/hhGVI2M5MtITFryzBGxHM5p4wnFxsVCbxkrBrDsk+EZ5OB4jEOT7AjDxtdF+KVEFT7w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "agentkeepalive": "^4.2.1",
+        "cacache": "^16.1.0",
+        "http-cache-semantics": "^4.1.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "is-lambda": "^1.0.1",
+        "lru-cache": "^7.7.1",
+        "minipass": "^3.1.6",
+        "minipass-collect": "^1.0.2",
+        "minipass-fetch": "^2.0.3",
+        "minipass-flush": "^1.0.5",
+        "minipass-pipeline": "^1.2.4",
+        "negotiator": "^0.6.3",
+        "promise-retry": "^2.0.1",
+        "socks-proxy-agent": "^7.0.0",
+        "ssri": "^9.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/make-fetch-happen/node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/make-fetch-happen/node_modules/http-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tootallnate/once": "2",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/make-fetch-happen/node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/make-fetch-happen/node_modules/lru-cache": {
+      "version": "7.18.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
+      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
+      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.1.0"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
+      }
+    },
+    "node_modules/matcher": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/matcher/-/matcher-3.0.0.tgz",
+      "integrity": "sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "escape-string-regexp": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
+      "license": "MIT"
+    },
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.1.tgz",
+      "integrity": "sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/brace-expansion": "^5.0.0"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-collect": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz",
+      "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minipass-fetch": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-2.1.2.tgz",
+      "integrity": "sha512-LT49Zi2/WMROHYoqGgdlQIZh8mLPZmOrN2NdJjMXxYe4nkN6FUyuPuOAOedNJDrx0IRGg9+4guZewtp8hE6TxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^3.1.6",
+        "minipass-sized": "^1.0.3",
+        "minizlib": "^2.1.2"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      },
+      "optionalDependencies": {
+        "encoding": "^0.1.13"
+      }
+    },
+    "node_modules/minipass-flush": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz",
+      "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minipass-pipeline": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz",
+      "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-sized": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz",
+      "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/mustache": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/mustache/-/mustache-4.2.0.tgz",
+      "integrity": "sha512-71ippSywq5Yb7/tVYyGbkBggbU8H3u5Rz56fH60jGFgr8uHwxs+aSKeqmluIVzM0m0kB7xQjKS6qPfd0b2ZoqQ==",
+      "license": "MIT",
+      "bin": {
+        "mustache": "bin/mustache"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
+      "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/next": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.0.3.tgz",
+      "integrity": "sha512-Ka0/iNBblPFcIubTA1Jjh6gvwqfjrGq1Y2MTI5lbjeLIAfmC+p5bQmojpRZqgHHVu5cG4+qdIiwXiBSm/8lZ3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "16.0.3",
+        "@swc/helpers": "0.5.15",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.0.3",
+        "@next/swc-darwin-x64": "16.0.3",
+        "@next/swc-linux-arm64-gnu": "16.0.3",
+        "@next/swc-linux-arm64-musl": "16.0.3",
+        "@next/swc-linux-x64-gnu": "16.0.3",
+        "@next/swc-linux-x64-musl": "16.0.3",
+        "@next/swc-win32-arm64-msvc": "16.0.3",
+        "@next/swc-win32-x64-msvc": "16.0.3",
+        "sharp": "^0.34.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-export-i18n": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/next-export-i18n/-/next-export-i18n-2.4.3.tgz",
+      "integrity": "sha512-DJNkRa0fdsK2Iakrv3PPA/VW2xytKsflzP2KPII3l6N1OY/E6Jwc6xjVDiph0WWF63VgSxQmuM0H1GFLuPecQg==",
+      "license": "MIT",
+      "dependencies": {
+        "mustache": "^4.2.0"
+      },
+      "peerDependencies": {
+        "next": ">=15.0.0",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+      }
+    },
+    "node_modules/next-intl": {
+      "version": "4.5.3",
+      "resolved": "https://registry.npmjs.org/next-intl/-/next-intl-4.5.3.tgz",
+      "integrity": "sha512-/omQgD0JyewIwJa0F5/HPRe5LYAVBNcGDgZvnv6hul8lI1KMcCcxErMXUiNjyc5kuQqLQeWUa2e4ICx09uL8FA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/amannn"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "^0.5.4",
+        "@swc/core": "^1.13.19",
+        "negotiator": "^1.0.0",
+        "use-intl": "^4.5.3"
+      },
+      "peerDependencies": {
+        "next": "^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0",
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-intl/node_modules/@swc/core": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.2.tgz",
+      "integrity": "sha512-OQm+yJdXxvSjqGeaWhP6Ia264ogifwAO7Q12uTDVYj/Ks4jBTI4JknlcjDRAXtRhqbWsfbZyK/5RtuIPyptk3w==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3",
+        "@swc/types": "^0.1.25"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/swc"
+      },
+      "optionalDependencies": {
+        "@swc/core-darwin-arm64": "1.15.2",
+        "@swc/core-darwin-x64": "1.15.2",
+        "@swc/core-linux-arm-gnueabihf": "1.15.2",
+        "@swc/core-linux-arm64-gnu": "1.15.2",
+        "@swc/core-linux-arm64-musl": "1.15.2",
+        "@swc/core-linux-x64-gnu": "1.15.2",
+        "@swc/core-linux-x64-musl": "1.15.2",
+        "@swc/core-win32-arm64-msvc": "1.15.2",
+        "@swc/core-win32-ia32-msvc": "1.15.2",
+        "@swc/core-win32-x64-msvc": "1.15.2"
+      },
+      "peerDependencies": {
+        "@swc/helpers": ">=0.5.17"
+      },
+      "peerDependenciesMeta": {
+        "@swc/helpers": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-intl/node_modules/@swc/helpers": {
+      "version": "0.5.17",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
+      "integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/next-intl/node_modules/negotiator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-abi": {
+      "version": "3.85.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.85.0.tgz",
+      "integrity": "sha512-zsFhmbkAzwhTft6nd3VxcG0cvJsT70rL+BIGHWVq5fi6MwGrHwzqKaxXE+Hl2GmnGItnDKPPkO5/LQqjVkIdFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/node-abi/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-1.7.2.tgz",
+      "integrity": "sha512-ibPK3iA+vaY1eEjESkQkM0BbCqFOaZMiXRTtdB0u7b4djtY6JnsjvPdUHVMg6xQt3B8fpTTWHI9A+ADjM9frzg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-api-version": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/node-api-version/-/node-api-version-0.2.1.tgz",
+      "integrity": "sha512-2xP/IGGMmmSQpI1+O/k72jF/ykvZ89JeuKX3TLJAYPDVLUalrshrLHkeVcCCZqG/eEa635cr8IBYzgnDvM2O8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.3.5"
+      }
+    },
+    "node_modules/node-api-version/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "license": "MIT"
+    },
+    "node_modules/nopt": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-6.0.0.tgz",
+      "integrity": "sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "abbrev": "^1.0.0"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-url": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
+      "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
+      "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bl": "^4.1.0",
+        "chalk": "^4.1.0",
+        "cli-cursor": "^3.1.0",
+        "cli-spinners": "^2.5.0",
+        "is-interactive": "^1.0.0",
+        "is-unicode-supported": "^0.1.0",
+        "log-symbols": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "wcwidth": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/orderedmap": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
+      "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
+      "license": "MIT"
+    },
+    "node_modules/p-cancelable": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.1.1.tgz",
+      "integrity": "sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-map": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+      "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "aggregate-error": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0"
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/path-scurry/node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pe-library": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/pe-library/-/pe-library-0.4.1.tgz",
+      "integrity": "sha512-eRWB5LBz7PpDu4PUlwT0PhnQfTQJlDDdPa35urV4Osrm0t0AqQFGn+UIkU3klZvwJ8KPO3VbBFsXquA6p6kqZw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/jet2jet"
+      }
+    },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/plist": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/plist/-/plist-3.1.0.tgz",
+      "integrity": "sha512-uysumyrvkUX0rX/dEVqt8gC3sTBzd4zoWfLeS29nb53imdaXVvLINYXTI2GNqzaMuvacNx4uJQ8+b3zXR0pkgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.8.8",
+        "base64-js": "^1.5.1",
+        "xmlbuilder": "^15.1.1"
+      },
+      "engines": {
+        "node": ">=10.4.0"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
+    },
+    "node_modules/postject": {
+      "version": "1.0.0-alpha.6",
+      "resolved": "https://registry.npmjs.org/postject/-/postject-1.0.0-alpha.6.tgz",
+      "integrity": "sha512-b9Eb8h2eVqNE8edvKdwqkrY6O7kAwmI8kcnBv1NScolYJbo59XUF0noFq+lxbC1yN20bmC0WBEbDC5H/7ASb0A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "commander": "^9.4.0"
+      },
+      "bin": {
+        "postject": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/postject/node_modules/commander": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
+    },
+    "node_modules/proc-log": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-2.0.1.tgz",
+      "integrity": "sha512-Kcmo2FhfDTXdcbfDH76N7uBYHINxc/8GW7UAVuVP9I+Va3uHSerrnKV6dLooga/gh7GlgzuCCr/eoldnL1muGw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/promise-inflight": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+      "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/promise-retry": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz",
+      "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "err-code": "^2.0.2",
+        "retry": "^0.12.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/prosemirror-changeset": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.3.1.tgz",
+      "integrity": "sha512-j0kORIBm8ayJNl3zQvD1TTPHJX3g042et6y/KQhZhnPrruO8exkTgG8X+NRpj7kIyMMEx74Xb3DyMIBtO0IKkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-collab": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz",
+      "integrity": "sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-commands": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.1.tgz",
+      "integrity": "sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.10.2"
+      }
+    },
+    "node_modules/prosemirror-dropcursor": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.2.tgz",
+      "integrity": "sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0",
+        "prosemirror-view": "^1.1.0"
+      }
+    },
+    "node_modules/prosemirror-gapcursor": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.4.0.tgz",
+      "integrity": "sha512-z00qvurSdCEWUIulij/isHaqu4uLS8r/Fi61IbjdIPJEonQgggbJsLnstW7Lgdk4zQ68/yr6B6bf7sJXowIgdQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.0.0",
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-view": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-history": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.5.0.tgz",
+      "integrity": "sha512-zlzTiH01eKA55UAf1MEjtssJeHnGxO0j4K4Dpx+gnmX9n+SHNlDqI2oO1Kv1iPN5B1dm5fsljCfqKF9nFL6HRg==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.2.2",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.31.0",
+        "rope-sequence": "^1.3.0"
+      }
+    },
+    "node_modules/prosemirror-inputrules": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.5.1.tgz",
+      "integrity": "sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-keymap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.3.tgz",
+      "integrity": "sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "w3c-keyname": "^2.2.0"
+      }
+    },
+    "node_modules/prosemirror-markdown": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.2.tgz",
+      "integrity": "sha512-FPD9rHPdA9fqzNmIIDhhnYQ6WgNoSWX9StUZ8LEKapaXU9i6XgykaHKhp6XMyXlOWetmaFgGDS/nu/w9/vUc5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/markdown-it": "^14.0.0",
+        "markdown-it": "^14.0.0",
+        "prosemirror-model": "^1.25.0"
+      }
+    },
+    "node_modules/prosemirror-menu": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.5.tgz",
+      "integrity": "sha512-qwXzynnpBIeg1D7BAtjOusR+81xCp53j7iWu/IargiRZqRjGIlQuu1f3jFi+ehrHhWMLoyOQTSRx/IWZJqOYtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "crelt": "^1.0.0",
+        "prosemirror-commands": "^1.0.0",
+        "prosemirror-history": "^1.0.0",
+        "prosemirror-state": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-model": {
+      "version": "1.25.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.4.tgz",
+      "integrity": "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA==",
+      "license": "MIT",
+      "dependencies": {
+        "orderedmap": "^2.0.0"
+      }
+    },
+    "node_modules/prosemirror-schema-basic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.4.tgz",
+      "integrity": "sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.25.0"
+      }
+    },
+    "node_modules/prosemirror-schema-list": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz",
+      "integrity": "sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.7.3"
+      }
+    },
+    "node_modules/prosemirror-state": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.4.tgz",
+      "integrity": "sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.27.0"
+      }
+    },
+    "node_modules/prosemirror-tables": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.8.1.tgz",
+      "integrity": "sha512-DAgDoUYHCcc6tOGpLVPSU1k84kCUWTWnfWX3UDy2Delv4ryH0KqTD6RBI6k4yi9j9I8gl3j8MkPpRD/vWPZbug==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-model": "^1.25.0",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-transform": "^1.10.3",
+        "prosemirror-view": "^1.39.1"
+      }
+    },
+    "node_modules/prosemirror-trailing-node": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
+      "integrity": "sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@remirror/core-constants": "3.0.0",
+        "escape-string-regexp": "^4.0.0"
+      },
+      "peerDependencies": {
+        "prosemirror-model": "^1.22.1",
+        "prosemirror-state": "^1.4.2",
+        "prosemirror-view": "^1.33.8"
+      }
+    },
+    "node_modules/prosemirror-transform": {
+      "version": "1.10.5",
+      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.10.5.tgz",
+      "integrity": "sha512-RPDQCxIDhIBb1o36xxwsaeAvivO8VLJcgBtzmOwQ64bMtsVFh5SSuJ6dWSxO1UsHTiTXPCgQm3PDJt7p6IOLbw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.21.0"
+      }
+    },
+    "node_modules/prosemirror-view": {
+      "version": "1.41.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.41.3.tgz",
+      "integrity": "sha512-SqMiYMUQNNBP9kfPhLO8WXEk/fon47vc52FQsUiJzTBuyjKgEcoAwMyF04eQ4WZ2ArMn7+ReypYL60aKngbACQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.20.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/pump": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.3.tgz",
+      "integrity": "sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/quick-lru": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
+      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/rc-cascader": {
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.34.0.tgz",
+      "integrity": "sha512-KpXypcvju9ptjW9FaN2NFcA2QH9E9LHKq169Y0eWtH4e/wHQ5Wh5qZakAgvb8EKZ736WZ3B0zLLOBsrsja5Dag==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "^2.3.1",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.13.0",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-checkbox": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.5.0.tgz",
+      "integrity": "sha512-aOAQc3E98HteIIsSqm6Xk2FPKIER6+5vyEFMZfo73TqM+VVAIqOkHoPjgKLqSNtVLWScoaM7vY2ZrGEheI79yg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.25.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-collapse": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.9.0.tgz",
+      "integrity": "sha512-swDdz4QZ4dFTo4RAUMLL50qP0EY62N2kvmk2We5xYdRwcRn8WcYtuetCJpwpaCbUfUt5+huLpVxhvmnK+PHrkA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.3.4",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dialog": {
+      "version": "9.6.0",
+      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.6.0.tgz",
+      "integrity": "sha512-ApoVi9Z8PaCQg6FsUzS8yvBEQy0ZL2PkuvAgrmohPkN3okps5WZ5WQWPc1RNuiOKaAYv8B97ACdsFU5LizzCqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/portal": "^1.0.0-8",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.3.0",
+        "rc-util": "^5.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-drawer": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-7.3.0.tgz",
+      "integrity": "sha512-DX6CIgiBWNpJIMGFO8BAISFkxiuKitoizooj4BDyee8/SnBn0zwO2FHrNDpqqepj0E/TFTDpmEBCyFuTgC7MOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@rc-component/portal": "^1.1.1",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.6.1",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dropdown": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.2.1.tgz",
+      "integrity": "sha512-YDAlXsPv3I1n42dv1JpdM7wJ+gSUBfeyPK59ZpBD9jQhK9jVuxpjj3NmWQHOBceA1zEPVX84T2wbdb2SD0UjmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.44.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.11.0",
+        "react-dom": ">=16.11.0"
+      }
+    },
+    "node_modules/rc-field-form": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-2.7.1.tgz",
+      "integrity": "sha512-vKeSifSJ6HoLaAB+B8aq/Qgm8a3dyxROzCtKNCsBQgiverpc4kWDQihoUwzUj+zNWJOykwSY4dNX3QrGwtVb9A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/async-validator": "^5.0.3",
+        "rc-util": "^5.32.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-image": {
+      "version": "7.12.0",
+      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.12.0.tgz",
+      "integrity": "sha512-cZ3HTyyckPnNnUb9/DRqduqzLfrQRyi+CdHjdqgsyDpI3Ln5UX1kXnAhPBSJj9pVRzwRFgqkN7p9b6HBDjmu/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/portal": "^1.0.2",
+        "classnames": "^2.2.6",
+        "rc-dialog": "~9.6.0",
+        "rc-motion": "^2.6.2",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-input": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.8.0.tgz",
+      "integrity": "sha512-KXvaTbX+7ha8a/k+eg6SYRVERK0NddX8QX7a7AnRvUa/rEH0CNMlpcBzBkhI0wp2C8C4HlMoYl8TImSN+fuHKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.18.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-input-number": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-9.5.0.tgz",
+      "integrity": "sha512-bKaEvB5tHebUURAEXw35LDcnRZLq3x1k7GxfAqBMzmpHkDGzjAtnUL8y4y5N15rIFIg5IJgwr211jInl3cipag==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/mini-decimal": "^1.0.1",
+        "classnames": "^2.2.5",
+        "rc-input": "~1.8.0",
+        "rc-util": "^5.40.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-mentions": {
+      "version": "2.20.0",
+      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.20.0.tgz",
+      "integrity": "sha512-w8HCMZEh3f0nR8ZEd466ATqmXFCMGMN5UFCzEUL0bM/nGw/wOS2GgRzKBcm19K++jDyuWCOJOdgcKGXU3fXfbQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-input": "~1.8.0",
+        "rc-menu": "~9.16.0",
+        "rc-textarea": "~1.10.0",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-menu": {
+      "version": "9.16.1",
+      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.16.1.tgz",
+      "integrity": "sha512-ghHx6/6Dvp+fw8CJhDUHFHDJ84hJE3BXNCzSgLdmNiFErWSOaZNsihDAsKq9ByTALo/xkNIwtDFGIl6r+RPXBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "2.x",
+        "rc-motion": "^2.4.3",
+        "rc-overflow": "^1.3.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-motion": {
+      "version": "2.9.5",
+      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.9.5.tgz",
+      "integrity": "sha512-w+XTUrfh7ArbYEd2582uDrEhmBHwK1ZENJiSJVb7uRxdE7qJSYjbO2eksRXmndqyKqKoYPc9ClpPh5242mV1vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-notification": {
+      "version": "5.6.4",
+      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-5.6.4.tgz",
+      "integrity": "sha512-KcS4O6B4qzM3KH7lkwOB7ooLPZ4b6J+VMmQgT51VZCeEcmghdeR4IrMcFq0LG+RPdnbe/ArT086tGM8Snimgiw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.9.0",
+        "rc-util": "^5.20.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-overflow": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.5.0.tgz",
+      "integrity": "sha512-Lm/v9h0LymeUYJf0x39OveU52InkdRXqnn2aYXfWmo8WdOonIKB2kfau+GF0fWq6jPgtdO9yMqveGcK6aIhJmg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.37.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-pagination": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-5.1.0.tgz",
+      "integrity": "sha512-8416Yip/+eclTFdHXLKTxZvn70duYVGTvUUWbckCCZoIl3jagqke3GLsFrMs0bsQBikiYpZLD9206Ej4SOdOXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-picker": {
+      "version": "4.11.3",
+      "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-4.11.3.tgz",
+      "integrity": "sha512-MJ5teb7FlNE0NFHTncxXQ62Y5lytq6sh5nUw0iH8OkHL/TjARSEvSHpr940pWgjGANpjCwyMdvsEV55l5tYNSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.1",
+        "rc-overflow": "^1.3.2",
+        "rc-resize-observer": "^1.4.0",
+        "rc-util": "^5.43.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "date-fns": ">= 2.x",
+        "dayjs": ">= 1.x",
+        "luxon": ">= 3.x",
+        "moment": ">= 2.x",
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      },
+      "peerDependenciesMeta": {
+        "date-fns": {
+          "optional": true
+        },
+        "dayjs": {
+          "optional": true
+        },
+        "luxon": {
+          "optional": true
+        },
+        "moment": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rc-progress": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-4.0.0.tgz",
+      "integrity": "sha512-oofVMMafOCokIUIBnZLNcOZFsABaUw8PPrf1/y0ZBvKZNpOiu5h4AO9vv11Sw0p4Hb3D0yGWuEattcQGtNJ/aw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.16.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-rate": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.13.1.tgz",
+      "integrity": "sha512-QUhQ9ivQ8Gy7mtMZPAjLbxBt5y9GRp65VcUyGUMF3N3fhiftivPHdpuDIaWIMOTEprAjZPC08bls1dQB+I1F2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-resize-observer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-1.4.3.tgz",
+      "integrity": "sha512-YZLjUbyIWox8E9i9C3Tm7ia+W7euPItNWSPX5sCcQTYbnwDb5uNpnLHQCG1f22oZWUhLw4Mv2tFmeWe68CDQRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.1",
+        "resize-observer-polyfill": "^1.5.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-segmented": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.7.0.tgz",
+      "integrity": "sha512-liijAjXz+KnTRVnxxXG2sYDGd6iLL7VpGGdR8gwoxAXy2KglviKCxLWZdjKYJzYzGSUwKDSTdYk8brj54Bn5BA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-motion": "^2.4.4",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-select": {
+      "version": "14.16.8",
+      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.16.8.tgz",
+      "integrity": "sha512-NOV5BZa1wZrsdkKaiK7LHRuo5ZjZYMDxPP6/1+09+FB4KoNi8jcG1ZqLE3AVCxEsYMBe65OBx71wFoHRTP3LRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.1.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-overflow": "^1.3.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-slider": {
+      "version": "11.1.9",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-11.1.9.tgz",
+      "integrity": "sha512-h8IknhzSh3FEM9u8ivkskh+Ef4Yo4JRIY2nj7MrH6GQmrwV6mcpJf5/4KgH5JaVI1H3E52yCdpOlVyGZIeph5A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.36.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-steps": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-6.0.1.tgz",
+      "integrity": "sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.16.7",
+        "classnames": "^2.2.3",
+        "rc-util": "^5.16.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-switch": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-4.1.0.tgz",
+      "integrity": "sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.30.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-table": {
+      "version": "7.54.0",
+      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.54.0.tgz",
+      "integrity": "sha512-/wDTkki6wBTjwylwAGjpLKYklKo9YgjZwAU77+7ME5mBoS32Q4nAwoqhA2lSge6fobLW3Tap6uc5xfwaL2p0Sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/context": "^1.4.0",
+        "classnames": "^2.2.5",
+        "rc-resize-observer": "^1.1.0",
+        "rc-util": "^5.44.3",
+        "rc-virtual-list": "^3.14.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tabs": {
+      "version": "15.7.0",
+      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-15.7.0.tgz",
+      "integrity": "sha512-ZepiE+6fmozYdWf/9gVp7k56PKHB1YYoDsKeQA1CBlJ/POIhjkcYiv0AGP0w2Jhzftd3AVvZP/K+V+Lpi2ankA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "2.x",
+        "rc-dropdown": "~4.2.0",
+        "rc-menu": "~9.16.0",
+        "rc-motion": "^2.6.2",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.34.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-textarea": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.10.2.tgz",
+      "integrity": "sha512-HfaeXiaSlpiSp0I/pvWpecFEHpVysZ9tpDLNkxQbMvMz6gsr7aVZ7FpWP9kt4t7DB+jJXesYS0us1uPZnlRnwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-input": "~1.8.0",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tooltip": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.4.0.tgz",
+      "integrity": "sha512-kqyivim5cp8I5RkHmpsp1Nn/Wk+1oeloMv9c7LXNgDxUpGm+RbXJGL+OPvDlcRnx9DBeOe4wyOIl4OKUERyH1g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.1",
+        "rc-util": "^5.44.3"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tree": {
+      "version": "5.13.1",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.13.1.tgz",
+      "integrity": "sha512-FNhIefhftobCdUJshO7M8uZTA9F4OPGVXqGfZkkD/5soDeOhwO06T/aKTrg0WD8gRg/pyfq+ql3aMymLHCTC4A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.1"
+      },
+      "engines": {
+        "node": ">=10.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-tree-select": {
+      "version": "5.27.0",
+      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.27.0.tgz",
+      "integrity": "sha512-2qTBTzwIT7LRI1o7zLyrCzmo5tQanmyGbSaGTIf7sYimCklAToVVfpMC6OAldSKolcnjorBYPNSKQqJmN3TCww==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "2.x",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.13.0",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-upload": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.11.0.tgz",
+      "integrity": "sha512-ZUyT//2JAehfHzjWowqROcwYJKnZkIUGWaTE/VogVrepSl7AFNbQf4+zGfX4zl9Vrj/Jm8scLO0R6UlPDKK4wA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-util": {
+      "version": "5.44.4",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.4.tgz",
+      "integrity": "sha512-resueRJzmHG9Q6rI/DfK6Kdv9/Lfls05vzMs1Sk3M2P+3cJa+MakaZyWY8IPfehVuhPJFKrIY1IK4GqbiaiY5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "react-is": "^18.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-virtual-list": {
+      "version": "3.19.2",
+      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-3.19.2.tgz",
+      "integrity": "sha512-Ys6NcjwGkuwkeaWBDqfI3xWuZ7rDiQXlH1o2zLfFzATfEgXcqpk8CkgMfbJD81McqjcJVez25a3kPxCR807evA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.0",
+        "classnames": "^2.2.6",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.36.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
+      "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz",
+      "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.0"
+      }
+    },
+    "node_modules/react-i18next": {
+      "version": "16.3.3",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-16.3.3.tgz",
+      "integrity": "sha512-IaY2W+ueVd/fe7H6Wj2S4bTuLNChnajFUlZFfCTrTHWzGcOrUHlVzW55oXRSl+J51U8Onn6EvIhQ+Bar9FUcjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.27.6",
+        "html-parse-stringify": "^3.0.1",
+        "use-sync-external-store": "^1.6.0"
+      },
+      "peerDependencies": {
+        "i18next": ">= 25.6.2",
+        "react": ">= 16.8.0",
+        "typescript": "^5"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "license": "MIT"
+    },
+    "node_modules/react-slick": {
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.31.0.tgz",
+      "integrity": "sha512-zo6VLT8wuSBJffg/TFPbzrw2dEnfZ/cUKmYsKByh3AgatRv29m2LoFbq5vRMa3R3A4wp4d8gwbJKO2fWZFaI3g==",
+      "license": "MIT",
+      "dependencies": {
+        "classnames": "^2.2.5",
+        "json2mq": "^0.2.0",
+        "lodash.debounce": "^4.0.8",
+        "resize-observer-polyfill": "^1.5.0"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/read-binary-file-arch": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/read-binary-file-arch/-/read-binary-file-arch-1.0.6.tgz",
+      "integrity": "sha512-BNg9EN3DD3GsDXX7Aa8O4p92sryjkmzYYgmgTAc6CA4uGLEDzFfxOxugu21akOxpcXHiEgsYkC6nPsQvLLLmEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "bin": {
+        "read-binary-file-arch": "cli.js"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resedit": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/resedit/-/resedit-1.7.2.tgz",
+      "integrity": "sha512-vHjcY2MlAITJhC0eRD/Vv8Vlgmu9Sd3LX9zZvtGzU5ZImdTN3+d6e/4mnTyV8vEbyf1sgNIrWxhWlrys52OkEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pe-library": "^0.4.1"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/jet2jet"
+      }
+    },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-alpn": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-alpn/-/resolve-alpn-1.2.1.tgz",
+      "integrity": "sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/responselike": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-2.0.1.tgz",
+      "integrity": "sha512-4gl03wn3hj1HP3yzgdI7d3lCkF95F21Pz4BPGvKHinyQzALR5CapwC8yIi0Rh58DEMQ/SguC03wFj2k0M/mHhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lowercase-keys": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/roarr": {
+      "version": "2.15.4",
+      "resolved": "https://registry.npmjs.org/roarr/-/roarr-2.15.4.tgz",
+      "integrity": "sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "boolean": "^3.0.1",
+        "detect-node": "^2.0.4",
+        "globalthis": "^1.0.1",
+        "json-stringify-safe": "^5.0.1",
+        "semver-compare": "^1.0.0",
+        "sprintf-js": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/rope-sequence": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
+      "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
+      "license": "MIT"
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sanitize-filename": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/sanitize-filename/-/sanitize-filename-1.6.3.tgz",
+      "integrity": "sha512-y/52Mcy7aw3gRm7IrcGDFx/bCk4AhRh2eI9luHOQM86nZsqwiRkkq2GekHXBBD+SmPidc8i2PqtYZl+pWJ8Oeg==",
+      "dev": true,
+      "license": "WTFPL OR ISC",
+      "dependencies": {
+        "truncate-utf8-bytes": "^1.0.0"
+      }
+    },
+    "node_modules/sax": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.3.tgz",
+      "integrity": "sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0"
+    },
+    "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==",
+      "license": "MIT"
+    },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.1.0.tgz",
+      "integrity": "sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/semver-compare": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
+      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/serialize-error": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-7.0.1.tgz",
+      "integrity": "sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "type-fest": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/sharp/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
+      "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/simple-update-notifier/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz",
+      "integrity": "sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.7.tgz",
+      "integrity": "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ip-address": "^10.0.1",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks-proxy-agent": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-7.0.0.tgz",
+      "integrity": "sha512-Fgl0YPZ902wEsAyiQ+idGd1A7rSFx/ayC1CQVMw5P+EQx2V0SgpGtf6OKFhVjPflPUl9YMmEOnmfjCdMUsygww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^6.0.2",
+        "debug": "^4.3.3",
+        "socks": "^2.6.2"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/socks-proxy-agent/node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz",
+      "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true
+    },
+    "node_modules/ssri": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-9.0.1.tgz",
+      "integrity": "sha512-o57Wcn66jMQvfHG1FlYbWeZWW/dHZhJXjpIcTfXldXEk5nz5lStPo3mK0OJQfGR3RbZUlbISexbljkJzuEj/8Q==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/stat-mode": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stat-mode/-/stat-mode-1.0.0.tgz",
+      "integrity": "sha512-jH9EhtKIjuXZ2cWxmXS8ZP80XyC3iasQxMDV8jzhNJpfDb7VbQLVW4Wvsxz9QZvzV+G4YoSfBUVKDOyxLzi/sg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-convert": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
+      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==",
+      "license": "MIT"
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "license": "MIT"
+    },
+    "node_modules/sumchecker": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/sumchecker/-/sumchecker-3.0.1.tgz",
+      "integrity": "sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "debug": "^4.1.0"
+      },
+      "engines": {
+        "node": ">= 8.0"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.17.tgz",
+      "integrity": "sha512-j9Ee2YjuQqYT9bbRTfTZht9W/ytp5H+jJpZKiYdP/bpnXARAuELt9ofP0lPnmHjbga7SNQIxdTAXCmtKVYjN+Q==",
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
+      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tar": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar/node_modules/minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/temp": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/temp/-/temp-0.9.4.tgz",
+      "integrity": "sha512-yYrrsWnrXMcdsnu/7YMYAofM1ktpL5By7vZhf15CrXijWWrEYZks5AXBudalfSWJLlnen/QUJUB5aoB0kqZUGA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "mkdirp": "^0.5.1",
+        "rimraf": "~2.6.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/temp-file": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/temp-file/-/temp-file-3.4.0.tgz",
+      "integrity": "sha512-C5tjlC/HCtVUOi3KWVokd4vHVViOmGjtLwIh4MuzPo/nMYTV/p1urt3RnMz2IWXDdKEGJH3k5+KPxtqRsUYGtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-exit-hook": "^2.0.1",
+        "fs-extra": "^10.0.0"
+      }
+    },
+    "node_modules/temp-file/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/temp-file/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/temp-file/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/temp/node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/temp/node_modules/rimraf": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/throttle-debounce": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-5.0.2.tgz",
+      "integrity": "sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.22"
+      }
+    },
+    "node_modules/tiny-async-pool": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/tiny-async-pool/-/tiny-async-pool-1.3.0.tgz",
+      "integrity": "sha512-01EAw5EDrcVrdgyCLgoSPvqznC0sVxDSVeiOz09FUpjh71G79VCqneOr+xvt7T1r76CF6ZZfPjHorN2+d+3mqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^5.5.0"
+      }
+    },
+    "node_modules/tiny-async-pool/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/tmp": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.5.tgz",
+      "integrity": "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/tmp-promise": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/tmp-promise/-/tmp-promise-3.0.3.tgz",
+      "integrity": "sha512-RwM7MoPojPxsOBYnyd2hy0bxtIlVrihNs9pj5SUvY8Zz1sQcQG2tG1hSr8PDxfgEB8RNKDhqbIlroIarSNDNsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tmp": "^0.2.0"
+      }
+    },
+    "node_modules/toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==",
+      "license": "MIT"
+    },
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tree-kill": "cli.js"
+      }
+    },
+    "node_modules/truncate-utf8-bytes": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/truncate-utf8-bytes/-/truncate-utf8-bytes-1.0.2.tgz",
+      "integrity": "sha512-95Pu1QXQvruGEhv62XCMO3Mm90GscOCClvrIUwCM0PYOXK3kaF3l3sIHxx71ThJfcbM2O5Au6SO3AWCSEfW4mQ==",
+      "dev": true,
+      "license": "WTFPL",
+      "dependencies": {
+        "utf8-byte-length": "^1.0.1"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/tsx": {
+      "version": "4.20.6",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.20.6.tgz",
+      "integrity": "sha512-ytQKuwgmrrkDTFP4LjR0ToE2nqgy886GpvRSpU0JAnrdBYppuY5rLkRUYPU1yCryb24SsKBTL/hlDQAEFVwtZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.25.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
+      "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/uc.micro": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unique-filename": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-2.0.1.tgz",
+      "integrity": "sha512-ODWHtkkdx3IAR+veKxFV+VBkUMcN+FaqzUUd7IZzt+0zhDZFPFxhlqwPF3YQvMHx1TD0tdgYl+kuPnJ8E6ql7A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "unique-slug": "^3.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/unique-slug": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-3.0.0.tgz",
+      "integrity": "sha512-8EyMynh679x/0gqE9fT9oilG+qEt+ibFyqjuVTsZn1+CMxH+XLlpvr2UZx4nVcCwTpx81nICr2JQFkM+HPLq4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.4.tgz",
+      "integrity": "sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-intl": {
+      "version": "4.5.3",
+      "resolved": "https://registry.npmjs.org/use-intl/-/use-intl-4.5.3.tgz",
+      "integrity": "sha512-vO2csOEc+xpi5PdvjTKORR4ZZQE6mz2jheefOszLOjppWx8SATC2XkmxUYwSHz1HIrcW6alUsj9qfPa6ZFhTNA==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/fast-memoize": "^2.2.0",
+        "@schummar/icu-type-parser": "1.21.5",
+        "intl-messageformat": "^10.5.14"
+      },
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/utf8-byte-length": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/utf8-byte-length/-/utf8-byte-length-1.0.5.tgz",
+      "integrity": "sha512-Xn0w3MtiQ6zoz2vFyUVruaCL53O/DwUvkEeOvj+uulMm0BkUGYWmBYVyElqZaSLhY6ZD0ulfU3aBra2aVT4xfA==",
+      "dev": true,
+      "license": "(WTFPL OR MIT)"
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/verror": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.1.tgz",
+      "integrity": "sha512-veufcmxri4e3XSrT0xwfUR7kguIkaxBeosDg00yDWhk49wdwkSUrvvsm7nc75e1PUyvIeZj6nS8VQRYz2/S4Xg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
+    },
+    "node_modules/wcwidth": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
+      "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/xmlbuilder": {
+      "version": "15.1.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-15.1.1.tgz",
+      "integrity": "sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
index 035a481..29d622c 100644
--- a/package.json
+++ b/package.json
@@ -1,12 +1,111 @@
 {
   "name": "eritorsscribe",
   "version": "1.0.0",
-  "main": "index.js",
+  "main": "dist/electron/main.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "dev:next": "next dev",
+    "dev:electron": "NODE_ENV=development tsx --watch electron/main.ts",
+    "dev": "concurrently \"npm run dev:next\" \"npm run dev:electron\"",
+    "build:next": "next build",
+    "build:electron": "tsc --project tsconfig.electron.json",
+    "build": "npm run build:next && npm run build:electron",
+    "start": "electron .",
+    "package": "npm run build && electron-builder build --mac --win --linux",
+    "package:mac": "npm run build && electron-builder build --mac",
+    "package:win": "npm run build && electron-builder build --win",
+    "package:linux": "npm run build && electron-builder build --linux"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "description": ""
+  "description": "",
+  "devDependencies": {
+    "@types/js-cookie": "^3.0.6",
+    "@types/jsonwebtoken": "^9.0.10",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "concurrently": "^9.2.1",
+    "electron": "^39.2.1",
+    "electron-builder": "^26.0.12",
+    "tsx": "^4.20.6",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "@emotion/css": "^11.13.5",
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/free-brands-svg-icons": "^7.1.0",
+    "@fortawesome/free-regular-svg-icons": "^7.1.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "@fortawesome/react-fontawesome": "^3.1.0",
+    "@tailwindcss/postcss": "^4.1.17",
+    "@tiptap/extension-color": "^3.10.7",
+    "@tiptap/extension-gapcursor": "^3.10.7",
+    "@tiptap/extension-highlight": "^3.10.7",
+    "@tiptap/extension-text-align": "^3.10.7",
+    "@tiptap/extension-underline": "^3.10.7",
+    "@tiptap/react": "^3.10.7",
+    "@tiptap/starter-kit": "^3.10.7",
+    "antd": "^5.28.1",
+    "autoprefixer": "^10.4.22",
+    "axios": "^1.13.2",
+    "i18next": "^25.6.2",
+    "js-cookie": "^3.0.5",
+    "next": "^16.0.3",
+    "next-export-i18n": "^2.4.3",
+    "next-intl": "^4.5.3",
+    "postcss": "^8.5.6",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-i18next": "^16.3.3",
+    "react-slick": "^0.31.0",
+    "tailwindcss": "^4.1.17"
+  },
+  "build": {
+    "appId": "com.eritorsscribe.app",
+    "productName": "EritorsScribe",
+    "files": [
+      "dist/**/*",
+      "out/**/*",
+      "package.json"
+    ],
+    "directories": {
+      "output": "release"
+    },
+    "mac": {
+      "target": [
+        "dmg",
+        "zip"
+      ],
+      "category": "public.app-category.productivity",
+      "hardenedRuntime": true,
+      "gatekeeperAssess": false,
+      "entitlements": "build/entitlements.mac.plist",
+      "entitlementsInherit": "build/entitlements.mac.plist"
+    },
+    "win": {
+      "target": [
+        {
+          "target": "nsis",
+          "arch": [
+            "x64",
+            "ia32"
+          ]
+        }
+      ]
+    },
+    "linux": {
+      "target": [
+        "AppImage",
+        "deb"
+      ],
+      "category": "Utility"
+    },
+    "nsis": {
+      "oneClick": false,
+      "allowToChangeInstallationDirectory": true,
+      "createDesktopShortcut": true,
+      "createStartMenuShortcut": true
+    }
+  }
 }
diff --git a/tsconfig.electron.json b/tsconfig.electron.json
new file mode 100644
index 0000000..7d45d93
--- /dev/null
+++ b/tsconfig.electron.json
@@ -0,0 +1,22 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "target": "ES2022",
+    "outDir": "dist/electron",
+    "rootDir": "electron",
+    "lib": ["ES2022"],
+    "jsx": "react"
+  },
+  "include": [
+    "electron/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "src",
+    ".next",
+    "out"
+  ]
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..5fda146
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM"],
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": false,
+    "outDir": "dist",
+    "rootDir": ".",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "allowSyntheticDefaultImports": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "src/**/*",
+    "electron/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    ".next",
+    "out"
+  ]
+}